@jjlmoya/utils-creative 1.2.0

package/src/tool/fortune-cookie/component.astro

@@ -0,0 +1,299 @@
+---
+import { Icon } from 'astro-icon/components';
+import './style.css';
+import type { FortuneCookieUI } from './index';
+
+interface Props {
+  ui: FortuneCookieUI;
+}
+
+const { ui } = Astro.props;
+
+const ASSETS = {
+  whole: '/images/utilities/fortune/fc-whole.webp',
+  cracked1: '/images/utilities/fortune/fc-crack-1.webp',
+  cracked2: '/images/utilities/fortune/fc-crack-2.webp',
+  left: '/images/utilities/fortune/fc-left.webp',
+  right: '/images/utilities/fortune/fc-right.webp',
+  paper: '/images/utilities/fortune/fc-paper.webp',
+  crumbs: '/images/utilities/fortune/fc-crumbs.webp',
+};
+---
+
+<div id="fortune-cookie-root" class="fortune-cookie" data-ui={JSON.stringify(ui)}>
+  <div class="fortune-cookie-root">
+    <div class="fortune-cookie-card">
+      <div class="fortune-cookie-glow"></div>
+
+      <div class="fortune-cookie-content">
+        <h2 id="fortune-instruction" class="fortune-cookie-instruction">
+          {ui.instruction}
+        </h2>
+
+        <div id="fortune-cookie-stage" class="fortune-cookie-stage">
+          <div id="fortune-cookie-body" class="fortune-cookie-body">
+            <img
+              src={ASSETS.whole}
+              alt="Fortune Cookie"
+              class="fortune-cookie-img"
+              id="fortune-cookie-img"
+              loading="eager"
+            />
+          </div>
+
+          <div id="fortune-cookie-broken" class="fortune-cookie-broken hidden">
+            <img
+              src={ASSETS.left}
+              class="fortune-cookie-half fortune-cookie-half-left"
+              id="fortune-half-left"
+              loading="eager"
+            />
+            <img
+              src={ASSETS.right}
+              class="fortune-cookie-half fortune-cookie-half-right"
+              id="fortune-half-right"
+              loading="eager"
+            />
+          </div>
+
+          <div id="fortune-paper" class="fortune-cookie-paper">
+            <img src={ASSETS.paper} class="fortune-cookie-paper-img" />
+
+            <div class="fortune-cookie-paper-content">
+              <p id="fortune-text" class="fortune-cookie-text">
+                "..."
+              </p>
+              <div id="fortune-lucky-numbers" class="fortune-cookie-lucky-numbers"></div>
+            </div>
+          </div>
+
+          <div id="fortune-particles" class="fortune-cookie-particles"></div>
+        </div>
+
+        <div id="fortune-reset-ui" class="fortune-cookie-reset">
+          <p class="fortune-cookie-status">{ui.dailyStatus}</p>
+          <button id="fortune-share-btn" class="fortune-cookie-share-btn">
+            <Icon name="mdi:share-variant" /> {ui.shareBtn}
+          </button>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+  import type { FortuneCookieUI } from './index';
+
+  const root = document.getElementById('fortune-cookie-root') as HTMLElement;
+  const ui = JSON.parse(root.dataset.ui || '{}') as FortuneCookieUI;
+
+  const fortunes = JSON.parse(ui.fortunes || '[]') as string[];
+
+  function getLuckyNumbers() {
+    const nums = new Set<number>();
+    while (nums.size < 6) {
+      nums.add(Math.floor(Math.random() * 49) + 1);
+    }
+    return Array.from(nums).sort((a, b) => a - b);
+  }
+
+  class FortuneCookie {
+    private health = 3;
+    private isBroken = false;
+    private el = {
+      stage: document.getElementById('fortune-cookie-stage')!,
+      body: document.getElementById('fortune-cookie-body')!,
+      img: document.getElementById('fortune-cookie-img') as HTMLImageElement,
+      broken: document.getElementById('fortune-cookie-broken')!,
+      halfLeft: document.getElementById('fortune-half-left') as HTMLElement,
+      halfRight: document.getElementById('fortune-half-right') as HTMLElement,
+      paper: document.getElementById('fortune-paper')!,
+      text: document.getElementById('fortune-text')!,
+      numbers: document.getElementById('fortune-lucky-numbers')!,
+      instruction: document.getElementById('fortune-instruction')!,
+      particles: document.getElementById('fortune-particles')!,
+      resetUi: document.getElementById('fortune-reset-ui')!,
+      shareBtn: document.getElementById('fortune-share-btn') as HTMLButtonElement,
+    };
+
+    private assets = {
+      cracked1: '/images/utilities/fortune/fc-crack-1.webp',
+      cracked2: '/images/utilities/fortune/fc-crack-2.webp',
+    };
+
+    constructor() {
+      this.checkDaily();
+      this.el.stage.addEventListener('click', () => this.tap());
+      this.el.shareBtn?.addEventListener('click', () => this.shareFortune());
+    }
+
+    private async shareFortune() {
+      const text = this.el.text.innerText;
+      const nums = this.el.numbers.innerText.replace(/\n/g, ' ');
+
+      const shareTextCompiled = (ui.shareText || '')
+        .replace('$TEXT', text)
+        .replace('$NUMS', nums);
+
+      const shareData = {
+        title: ui.shareTitle || '',
+        text: shareTextCompiled,
+        url: window.location.href,
+      };
+
+      try {
+        if (navigator.share) {
+          await navigator.share(shareData);
+        } else {
+          await navigator.clipboard.writeText(`${shareData.text} ${shareData.url}`);
+          const originalText = this.el.shareBtn.innerHTML;
+          this.el.shareBtn.innerHTML = `<span>${ui.copied || ''}</span>`;
+          setTimeout(() => {
+            this.el.shareBtn.innerHTML = originalText;
+          }, 2000);
+        }
+      } catch (err) {
+        console.error('Error sharing:', err);
+      }
+    }
+
+    private checkDaily() {
+      const today = new Date().toISOString().split('T')[0];
+      const storedData = localStorage.getItem('jjlmoya-creative-fortune');
+
+      if (storedData) {
+        try {
+          const data = JSON.parse(storedData);
+          if (data.date === today) {
+            this.setupFortuneContent(data.msgIndex, data.nums);
+            this.instantOpen();
+          }
+        } catch {
+          localStorage.removeItem('jjlmoya-creative-fortune');
+        }
+      }
+    }
+
+    private prepareNewFortune(today: string) {
+      const index = Math.floor(Math.random() * fortunes.length);
+      const nums = getLuckyNumbers();
+
+      const fortuneData = {
+        date: today,
+        msgIndex: index,
+        nums: nums,
+      };
+      localStorage.setItem('jjlmoya-creative-fortune', JSON.stringify(fortuneData));
+
+      this.setupFortuneContent(index, nums);
+    }
+
+    private setupFortuneContent(index: number, nums: number[]) {
+      this.el.text.innerText = fortunes[index] || '';
+      this.el.numbers.innerHTML = nums
+        .map(
+          (n) =>
+            `<span class="fortune-cookie-number">${n}</span>`
+        )
+        .join('');
+    }
+
+    private tap() {
+      if (this.isBroken) return;
+
+      this.health--;
+      this.spawnCrumbs(5);
+
+      this.el.body.classList.remove('fortune-cookie-shake-1', 'fortune-cookie-shake-2', 'fortune-cookie-shake-3');
+      void this.el.body.offsetWidth;
+      this.el.body.classList.add(`fortune-cookie-shake-${4 - this.health}`);
+
+      if (this.health === 2) {
+        this.el.img.src = this.assets.cracked1;
+      } else if (this.health === 1) {
+        this.el.img.src = this.assets.cracked2;
+      } else if (this.health <= 0) {
+        this.breakOpen();
+      }
+    }
+
+    private breakOpen() {
+      this.isBroken = true;
+
+      const today = new Date().toISOString().split('T')[0] as string;
+      this.prepareNewFortune(today);
+
+      this.el.instruction.innerText = ui.title || '';
+
+      this.el.broken.classList.remove('hidden');
+      this.el.body.classList.add('hidden');
+
+      void this.el.broken.offsetWidth;
+
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          this.el.halfLeft.style.transform = 'translate(-120px, 60px) rotate(-45deg)';
+          this.el.halfLeft.style.opacity = '0';
+          this.el.halfRight.style.transform = 'translate(120px, 60px) rotate(45deg)';
+          this.el.halfRight.style.opacity = '0';
+        });
+      });
+
+      setTimeout(() => {
+        this.el.paper.classList.add('visible');
+      }, 100);
+
+      this.spawnCrumbs(20);
+
+      setTimeout(() => {
+        this.el.resetUi.classList.add('visible');
+      }, 1000);
+    }
+
+    private instantOpen() {
+      this.isBroken = true;
+      this.el.instruction.innerText = ui.title || '';
+      this.el.body.classList.add('hidden');
+      this.el.paper.classList.add('visible');
+      this.el.resetUi.classList.add('visible');
+    }
+
+    private spawnCrumbs(amount: number) {
+      for (let i = 0; i < amount; i++) {
+        const crumb = document.createElement('div');
+        crumb.classList.add('fortune-cookie-crumb');
+
+        const size = Math.random() * 4 + 2;
+        crumb.style.width = `${size}px`;
+        crumb.style.height = `${size}px`;
+        crumb.style.left = '50%';
+        crumb.style.top = '50%';
+
+        const angle = Math.random() * Math.PI * 2;
+        const velocity = Math.random() * 50 + 20;
+        const tx = Math.cos(angle) * velocity;
+        const ty = Math.sin(angle) * velocity;
+
+        this.el.particles.appendChild(crumb);
+
+        const anim = crumb.animate(
+          [
+            { transform: 'translate(-50%, -50%) scale(1)', opacity: 1 },
+            {
+              transform: `translate(calc(-50% + ${tx}px), calc(-50% + ${ty + 50}px)) scale(0)`,
+              opacity: 0,
+            },
+          ],
+          {
+            duration: 600 + Math.random() * 400,
+            easing: 'cubic-bezier(0,0,0.2,1)',
+          }
+        );
+
+        anim.onfinish = () => crumb.remove();
+      }
+    }
+  }
+
+  new FortuneCookie();
+</script>

package/src/tool/fortune-cookie/i18n/en.ts

@@ -0,0 +1,85 @@
+import type { FortuneCookieLocaleContent } from '../index';
+
+export const content: FortuneCookieLocaleContent = {
+  slug: 'fortune-cookie',
+  title: 'Fortune Cookie',
+  description: 'Check your daily destiny and discover your lucky numbers. One fortune per day, revealed with a click.',
+  faqTitle: 'Frequently Asked Questions',
+  bibliographyTitle: 'Destiny Bibliography',
+  ui: {
+    title: 'Online Fortune Cookie',
+    description: 'Your daily digital oracle.',
+    instruction: 'Hit the cookie to open your destiny',
+    dailyStatus: 'Your destiny has been revealed for today.',
+    shareBtn: 'Share Wisdom',
+    shareTitle: 'My Fortune Cookie',
+    shareText: 'Destiny has spoken: "$TEXT"\nMy numbers: $NUMS\n\nDiscover your fortune here:',
+    copied: 'Copied!',
+    fortunes: JSON.stringify([
+      "The fortune you seek is in another cookie.",
+      "Don't count the days, make the days count.",
+      "A journey of a thousand miles begins with a single step.",
+      "Mistake is the preamble of discovery.",
+      "Your capacity to learn is your greatest asset.",
+      "Smile, the universe is watching you.",
+      "Patience is a tree with a bitter root but very sweet fruit.",
+      "Don't fear growing slowly, fear only staying still.",
+      "Today is the tomorrow you worried about yesterday.",
+      "Happiness is not something made. It comes from your own actions.",
+      "If you cannot change the direction of the wind, adjust your sails.",
+      "What you plant now, you will harvest later.",
+      "Creativity is intelligence having fun.",
+      "Don't look for errors, look for solutions.",
+      "Your attitude, not your aptitude, will determine your altitude.",
+      "Success is the sum of small efforts repeated day after day.",
+      "Believe you can and you're halfway there.",
+      "The only way to do great work is to love what you do.",
+      "Life is 10% what happens to you and 90% how you react to it.",
+      "Be the change you want to see in the world.",
+      "The best way to predict the future is to invent it.",
+      "Simplicity is the ultimate sophistication.",
+      "You are the master of your destiny and the captain of your soul.",
+      "Soon you will receive news that will change your perspective.",
+      "An unexpected trip will bring you great joys."
+    ]),
+    faqTitle: 'FAQ',
+    bibliographyTitle: 'References'
+  },
+  seo: [
+    { type: 'title', text: 'The Mystery of the Fortune Cookie', level: 2 },
+    { type: 'paragraph', html: 'Ever wondered where these curious cookies come from? Although we associate them with Chinese food, their origin is a fascinating journey between Japan and the United States. The fortune cookie as we know it today was likely invented in early 20th-century California, not China — where they are virtually unknown.' },
+    { type: 'tip', title: 'How Our Oracle Works', html: 'Each day you can open one cookie. The system saves your destiny so you remember it for 24 hours. The fortune is stored locally in your browser — completely private, no server involved. Come back tomorrow for a new prediction!' },
+    { type: 'title', text: 'The Philosophy of Oracles', level: 3 },
+    { type: 'paragraph', html: 'Humans have always sought guidance in uncertain times. From the Oracle of Delphi to the I Ching, fortune-telling systems serve a consistent psychological function: they give us permission to <strong>pause and reflect</strong>. A fortune cookie does not predict the future — it prompts you to think about it.' },
+    { type: 'list', items: [
+      '<strong>Ancient China:</strong> The I Ching (Book of Changes, ~1000 BC) used hexagrams to guide decisions and interpret destiny.',
+      '<strong>Classical Greece:</strong> The Oracle of Delphi attracted rulers and citizens alike with cryptic pronouncements interpreted as divine guidance.',
+      '<strong>Modern Japan:</strong> Omikuji fortune slips at Shinto shrines, tied to tree branches, blend fate with ritual.',
+      '<strong>20th-century USA:</strong> Fortune cookies emerged in Japanese-American communities before becoming synonymous with Chinese-American cuisine.',
+    ]},
+    { type: 'stats', items: [
+      { value: '3 billion+', label: 'Fortune cookies made annually', icon: 'mdi:cookie' },
+      { value: '~1000 BC', label: 'I Ching origin', icon: 'mdi:book-open-variant' },
+      { value: '25', label: 'Fortunes in this oracle', icon: 'mdi:star-shooting' },
+      { value: '1/day', label: 'One destiny per day', icon: 'mdi:calendar-today' },
+    ], columns: 4 },
+  ],
+  faq: [
+    {
+      question: 'Can I open more than one cookie per day?',
+      answer: 'Destiny only speaks once a day. We save your fortune on the device so it guides you throughout the day.'
+    },
+    {
+      question: 'Are the fortunes randomly generated?',
+      answer: 'Yes — a random fortune is selected each day and saved locally. Each of the 25 fortunes has an equal chance of being chosen, ensuring variety over time.'
+    }
+  ],
+  bibliography: [
+    { name: 'History of the Fortune Cookie', url: 'https://en.wikipedia.org/wiki/Fortune_cookie' }
+  ],
+  howTo: [
+    { name: 'Break the cookie', text: 'Click repeatedly on the cookie to crack it open.' },
+    { name: 'Read your fortune', text: 'Discover the hidden message inside and your lucky numbers for the day.' }
+  ],
+  schemas: []
+};

package/src/tool/fortune-cookie/i18n/es.ts

@@ -0,0 +1,90 @@
+import type { FortuneCookieLocaleContent } from '../index';
+
+export const content: FortuneCookieLocaleContent = {
+  slug: 'galleta-fortuna',
+  title: 'Galleta de la Fortuna',
+  description: 'Consulta tu destino diario y descubre tus números de la suerte. Una fortuna al día, revelada con un clic.',
+  faqTitle: 'Preguntas Frecuentes',
+  bibliographyTitle: 'Bibliografía del Destino',
+  ui: {
+    title: 'Galleta de la Fortuna Online',
+    description: 'Tu oráculo digital diario.',
+    instruction: 'Golpea la galleta para abrir tu destino',
+    dailyStatus: 'Tu destino ha sido revelado por hoy.',
+    shareBtn: 'Compartir Sabiduría',
+    shareTitle: 'Mi Galleta de la Fortuna',
+    shareText: 'El destino me ha hablado: "$TEXT"\nMis números: $NUMS\n\nDescubre tu fortuna aquí:',
+    copied: '¡Copiado!',
+    fortunes: JSON.stringify([
+      "La suerte que buscas está en otra galleta.",
+      "No cuentes los días, haz que los días cuenten.",
+      "Un viaje de mil millas comienza con un solo paso.",
+      "El error es el preámbulo del descubrimiento.",
+      "Tu capacidad de aprender es tu mayor activo.",
+      "Sonríe, el universo te está mirando.",
+      "La paciencia es un árbol de raíz amarga pero de frutos muy dulces.",
+      "No temas crecer lentamente, teme solo quedarte quieto.",
+      "Hoy es el mañana que tanto te preocupaba ayer.",
+      "La felicidad no es algo hecho. Proviene de tus propias acciones.",
+      "Si no puedes cambiar la dirección del viento, ajusta tus velas.",
+      "Lo que plantas ahora, lo cosecharás más tarde.",
+      "La creatividad es la inteligencia divirtiéndose.",
+      "No busques errores, busca soluciones.",
+      "Tu actitud, no tu aptitud, determinará tu altitud.",
+      "El éxito es la suma de pequeños esfuerzos repetidos día tras día.",
+      "Cree que puedes y ya estarás a medio camino.",
+      "La única forma de hacer un gran trabajo es amar lo que haces.",
+      "La vida es un 10% lo que te sucede y un 90% cómo reaccionas ante ello.",
+      "Sé el cambio que quieres ver en el mundo.",
+      "La mejor manera de predecir el futuro es inventarlo.",
+      "La simplicidad es la máxima sofisticación.",
+      "Eres el dueño de tu destino y el capitán de tu alma.",
+      "Pronto recibirás una noticia que cambiará tu perspectiva.",
+      "Un viaje inesperado te traerá grandes alegrías."
+    ]),
+    faqTitle: 'FAQ',
+    bibliographyTitle: 'Referencias'
+  },
+  seo: [
+    { type: 'title', text: 'El Misterio de la Galleta de la Fortuna', level: 2 },
+    { type: 'paragraph', html: '¿Alguna vez te has preguntado de dónde vienen estas curiosas galletas? Aunque las asociamos con la comida china, su origen es un fascinante viaje entre Japón y los Estados Unidos. La galleta de la fortuna tal como la conocemos hoy fue probablemente inventada en la California de principios del siglo XX, no en China, donde son prácticamente desconocidas.' },
+    { type: 'tip', title: '¿Cómo funciona nuestro oráculo?', html: 'Cada día puedes abrir una galleta. El sistema guarda tu destino en el navegador de forma completamente privada, sin servidor. ¡Vuelve mañana para una nueva predicción!' },
+    { type: 'title', text: 'La Filosofía de los Oráculos', level: 3 },
+    { type: 'paragraph', html: 'Los seres humanos siempre han buscado orientación en tiempos de incertidumbre. Desde el Oráculo de Delfos hasta el I Ching, los sistemas de adivinación cumplen una función psicológica constante: nos dan permiso para <strong>detenernos y reflexionar</strong>. Una galleta de la fortuna no predice el futuro, sino que te invita a pensar en él.' },
+    { type: 'list', items: [
+      '<strong>China Antigua (~1000 a.C.):</strong> El I Ching (Libro de los Cambios) utilizaba hexagramas para orientar decisiones e interpretar el destino.',
+      '<strong>Grecia Clásica:</strong> El Oráculo de Delfos atraía a gobernantes y ciudadanos con pronunciamientos crípticos interpretados como guía divina.',
+      '<strong>Japón Moderno:</strong> Los omikuji, papelitos de la fortuna en los santuarios sintoístas, mezclan el destino con el ritual.',
+      '<strong>EE.UU. Siglo XX:</strong> Las galletas de la fortuna surgieron en comunidades japonés-americanas antes de convertirse en símbolo de la cocina chino-americana.',
+    ]},
+    { type: 'stats', items: [
+      { value: '+3.000M', label: 'Galletas fabricadas al año', icon: 'mdi:cookie' },
+      { value: '~1000 a.C.', label: 'Origen del I Ching', icon: 'mdi:book-open-variant' },
+      { value: '25', label: 'Fortunas en este oráculo', icon: 'mdi:star-shooting' },
+      { value: '1/día', label: 'Un destino diario', icon: 'mdi:calendar-today' },
+    ], columns: 4 },
+    { type: 'proscons', items: [
+      { pro: 'Momento de pausa y reflexión diaria', con: 'Sin base científica predictiva real' },
+      { pro: 'Inspiración positiva con frases atemporales', con: 'El mensaje es el mismo sin importar el contexto' },
+      { pro: 'Completamente privado, sin datos enviados al servidor', con: 'Solo una fortuna al día (¡diseño intencionado!)' },
+    ]},
+  ],
+  faq: [
+    {
+      question: '¿Puedo abrir más de una galleta al día?',
+      answer: 'El destino solo habla una vez al día. Guardamos tu fortuna en el dispositivo para que sea tu guía durante la jornada.'
+    },
+    {
+      question: '¿Las fortunas se generan aleatoriamente?',
+      answer: 'Sí: se selecciona una fortuna aleatoria cada día y se guarda localmente. Las 25 fortunas tienen la misma probabilidad de ser elegidas, asegurando variedad con el tiempo.'
+    }
+  ],
+  bibliography: [
+    { name: 'Historia de la Galleta de la Fortuna', url: 'https://es.wikipedia.org/wiki/Galleta_de_la_fortuna' }
+  ],
+  howTo: [
+    { name: 'Golpear', text: 'Haz clic varias veces sobre la galleta para romperla.' },
+    { name: 'Leer', text: 'Descubre el mensaje oculto en su interior y tus números de la suerte.' }
+  ],
+  schemas: []
+};

package/src/tool/fortune-cookie/i18n/fr.ts

@@ -0,0 +1,85 @@
+import type { FortuneCookieLocaleContent } from '../index';
+
+export const content: FortuneCookieLocaleContent = {
+  slug: 'biscuit-de-la-fortune',
+  title: 'Biscuit de la Fortune',
+  description: 'Consultez votre destin quotidien et découvrez vos numéros de chance. Un biscuit par jour, révélé d\'un simple clic.',
+  faqTitle: 'Questions Fréquemment Posées',
+  bibliographyTitle: 'Bibliographie du Destin',
+  ui: {
+    title: 'Biscuit de la Fortune en Ligne',
+    description: 'Votre oracle numérique quotidien.',
+    instruction: 'Cliquez sur le biscuit pour l\'ouvrir',
+    dailyStatus: 'Votre destin a été révélé pour aujourd\'hui.',
+    shareBtn: 'Partager la Sagesse',
+    shareTitle: 'Mon Biscuit de la Fortune',
+    shareText: 'Le destin a parlé : "$TEXT"\nMes numéros : $NUMS\n\nDécouvrez votre fortune ici :',
+    copied: 'Copié !',
+    fortunes: JSON.stringify([
+      "La fortune que vous cherchez se trouve dans un autre biscuit.",
+      "Ne comptez pas les jours, faites en sorte que les jours comptent.",
+      "Un voyage de mille lieues commence toujours par un premier pas.",
+      "L'erreur est le préambule de la découverte.",
+      "Votre capacité à apprendre est votre plus grand atout.",
+      "Souriez, l'univers vous regarde.",
+      "La patience est un arbre aux racines amères mais aux fruits très doux.",
+      "Ne craignez pas de grandir lentement, craignez seulement de rester immobile.",
+      "Aujourd'hui est le demain dont vous vous inquiétiez hier.",
+      "Le bonheur n'est pas quelque chose de tout fait. Il découle de vos propres actions.",
+      "Si vous ne pouvez pas changer la direction du vent, ajustez vos voiles.",
+      "Ce que vous plantez maintenant, vous le récolterez plus tard.",
+      "La créativité, c'est l'intelligence qui s'amuse.",
+      "Ne cherchez pas d'erreurs, cherchez des solutions.",
+      "C'est votre attitude, et non votre aptitude, qui déterminera votre altitude.",
+      "Le succès est la somme de petits efforts répétées jour après jour.",
+      "Croyez que vous le pouvez et vous aurez fait la moitié du chemin.",
+      "La seule façon de faire du bon travail est d'aimer ce que vous faites.",
+      "La vie, c'est 10 % ce qui vous arrive et 90 % la façon dont vous y réagissez.",
+      "Soyez le changement que vous voulez voir dans le monde.",
+      "La meilleure façon de prédire l'avenir est de l'inventer.",
+      "La simplicité est la sophistication suprême.",
+      "Vous êtes le maître de votre destin et le capitaine de votre âme.",
+      "Bientôt, vous recevrez des nouvelles qui changeront votre perspective.",
+      "Un voyage inattendu vous apportera de grandes joies."
+    ]),
+    faqTitle: 'FAQ',
+    bibliographyTitle: 'Références'
+  },
+  seo: [
+    { type: 'title', text: 'Le Mystère du Biscuit de la Fortune', level: 2 },
+    { type: 'paragraph', html: 'Vous êtes-vous déjà demandé d\'où viennent ces curieux biscuits ? Bien qu\'on les associe à la cuisine chinoise, leur origine est un voyage fascinant entre le Japon et les États-Unis. Le biscuit de la fortune tel que nous le connaissons aujourd\'hui a probablement été inventé au début du XXe siècle en Californie, pas en Chine — où ils sont pratiquement inconnus.' },
+    { type: 'tip', title: 'Fonctionnement de Notre Oracle', html: 'Chaque jour, vous pouvez ouvrir un seul biscuit. Le système enregistre votre destin pour que vous puissiez vous en souvenir pendant 24 heures. La fortune est stockée localement dans votre navigateur — totalement privé, aucun serveur n\'est impliqué. Revenez demain pour une nouvelle prédiction !' },
+    { type: 'title', text: 'La Philosophie des Oracles', level: 3 },
+    { type: 'paragraph', html: 'Les humains ont toujours cherché conseil en période d\'incertitude. De l\'Oracle de Delphes au Yi Jing, les systèmes de divination remplissent une fonction psychologique constante : ils nous autorisent à <strong>faire une pause et réfléchir</strong>. Un biscuit de la fortune ne prédit pas l\'avenir — il vous incite à y penser.' },
+    { type: 'list', items: [
+      '<strong>Chine Ancienne :</strong> Le Yi Jing (Livre des Transformations, ~1000 av. J.-C.) utilisait des hexagrammes pour guider les décisions et interpréter le destin.',
+      '<strong>Grèce Classique :</strong> L\'Oracle de Delphes attirait dirigeants et citoyens avec des déclarations cryptiques interprétées comme des conseils divins.',
+      '<strong>Japon Moderne :</strong> Les billets de fortune Omikuji dans les sanctuaires shinto, attachés aux branches d\'arbres, mêlent destin et rituel.',
+      '<strong>XXe siècle aux USA :</strong> Les biscuits de la fortune sont apparus dans les communautés nippo-américaines avant de devenir synonymes de la cuisine sino-américaine.',
+    ]},
+    { type: 'stats', items: [
+      { value: '3 milliards+', label: 'Biscuits fabriqués par an', icon: 'mdi:cookie' },
+      { value: '~1000 av. J.-C.', label: 'Origine du Yi Jing', icon: 'mdi:book-open-variant' },
+      { value: '25', label: 'Fortunes dans cet oracle', icon: 'mdi:star-shooting' },
+      { value: '1/jour', label: 'Un destin par jour', icon: 'mdi:calendar-today' },
+    ], columns: 4 },
+  ],
+  faq: [
+    {
+      question: 'Puis-je ouvrir plus d\'un biscuit par jour ?',
+      answer: 'Le destin ne parle qu\'une fois par jour. Nous enregistrons votre fortune sur l\'appareil pour qu\'elle vous guide tout au long de la journée.'
+    },
+    {
+      question: 'Les fortunes sont-elles générées aléatoirement ?',
+      answer: 'Oui — une fortune aléatoire est sélectionnée chaque jour et sauvegardée localement. Chacune des 25 fortunes a une chance égale d\'être choisie, garantissant une variété au fil du temps.'
+    }
+  ],
+  bibliography: [
+    { name: 'Histoire du Fortune Cookie', url: 'https://en.wikipedia.org/wiki/Fortune_cookie' }
+  ],
+  howTo: [
+    { name: 'Casser le biscuit', text: 'Cliquez de façon répétée sur le biscuit pour l\'ouvrir.' },
+    { name: 'Lire votre fortune', text: 'Découvrez le message caché à l\'intérieur et vos numéros de chance pour la journée.' }
+  ],
+  schemas: []
+};

package/src/tool/fortune-cookie/index.ts

@@ -0,0 +1,40 @@
+import type { CreativeToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
+import FortuneCookieComponent from './component.astro';
+import FortuneCookieSEO from './seo.astro';
+import FortuneCookieBibliography from './bibliography.astro';
+
+export interface FortuneCookieUI {
+  [key: string]: string;
+  instruction: string;
+  title: string;
+  description: string;
+  dailyStatus: string;
+  shareBtn: string;
+  shareTitle: string;
+  shareText: string;
+  copied: string;
+  fortunes: string;
+  faqTitle: string;
+  bibliographyTitle: string;
+}
+
+export type FortuneCookieLocaleContent = ToolLocaleContent<FortuneCookieUI>;
+
+export const fortuneCookie: CreativeToolEntry<FortuneCookieUI> = {
+  id: 'fortune-cookie',
+  icons: { bg: 'mdi:cookie', fg: 'mdi:sparkles' },
+  i18n: {
+    es: () => import('./i18n/es').then((m) => m.content),
+    en: () => import('./i18n/en').then((m) => m.content),
+    fr: () => import('./i18n/fr').then((m) => m.content),
+  },
+};
+
+export { FortuneCookieComponent, FortuneCookieSEO, FortuneCookieBibliography };
+
+export const FORTUNE_COOKIE_TOOL: ToolDefinition = {
+  entry: fortuneCookie,
+  Component: FortuneCookieComponent,
+  SEOComponent: FortuneCookieSEO,
+  BibliographyComponent: FortuneCookieBibliography,
+};

package/src/tool/fortune-cookie/seo.astro

@@ -0,0 +1,14 @@
+---
+import { SEORenderer } from '@jjlmoya/utils-shared';
+import { fortuneCookie } from './index';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'es' } = Astro.props;
+const content = await fortuneCookie.i18n[locale]?.();
+---
+
+{content && <SEORenderer content={{ locale, sections: content.seo }} />}