@jjlmoya/utils-developer 1.28.0 → 1.29.0

package/src/tool/promoteThisWebsite/title-view.ts

@@ -0,0 +1,206 @@
+import { clamp, type CompositionState, type LayerPosition, type TitleStyle } from './logic';
+
+interface TitlePalette {
+  fill: string;
+  text: string;
+  accent: string;
+}
+
+const palettes: Record<TitleStyle, TitlePalette> = {
+  paper: { fill: '#f7ebd7', text: '#08182b', accent: '#c45a2f' },
+  ribbon: { fill: '#c45a2f', text: '#fffaf0', accent: '#f7ebd7' },
+  ink: { fill: '#172a3c', text: '#f7ebd7', accent: '#11d6c4' },
+  poster: { fill: '#071226', text: '#fffaf0', accent: '#11d6c4' },
+  ticket: { fill: '#f1dfc4', text: '#08182b', accent: '#577b86' },
+  marker: { fill: '#f4f6fb', text: '#08182b', accent: '#11a99d' },
+  split: { fill: '#08182b', text: '#fffaf0', accent: '#11d6c4' },
+  capsule: { fill: '#fffaf0', text: '#08182b', accent: '#c45a2f' },
+  corner: { fill: '#10283b', text: '#fffaf0', accent: '#f0b45b' },
+  vertical: { fill: '#172a3c', text: '#fffaf0', accent: '#c45a2f' },
+};
+
+function roundedRect(context: CanvasRenderingContext2D, position: LayerPosition, radius: number): void {
+  const r = Math.min(radius, position.width / 2, position.height / 2);
+  context.beginPath();
+  context.roundRect(position.x, position.y, position.width, position.height, r);
+}
+
+function wrapLines(context: CanvasRenderingContext2D, text: string, maxWidth: number): string[] {
+  const words = text.trim().split(/\s+/).filter(Boolean);
+  const lines: string[] = [];
+  let current = '';
+  words.forEach((word) => {
+    const candidate = current ? `${current} ${word}` : word;
+    if (current && context.measureText(candidate).width > maxWidth) {
+      lines.push(current);
+      current = word;
+    } else current = candidate;
+  });
+  if (current) lines.push(current);
+  return lines.slice(0, 3);
+}
+
+function drawPaper(context: CanvasRenderingContext2D, palette: TitlePalette, position: LayerPosition): void {
+  roundedRect(context, position, 16);
+  context.fill();
+  context.stroke();
+  context.fillStyle = palette.accent;
+  context.fillRect(position.x + position.width * 0.09, position.y + position.height * 0.78, position.width * 0.24, 6);
+}
+
+function drawRibbon(context: CanvasRenderingContext2D, position: LayerPosition): void {
+  context.beginPath();
+  context.moveTo(position.x + 28, position.y);
+  context.lineTo(position.x + position.width - 28, position.y);
+  context.lineTo(position.x + position.width, position.y + position.height / 2);
+  context.lineTo(position.x + position.width - 28, position.y + position.height);
+  context.lineTo(position.x + 28, position.y + position.height);
+  context.lineTo(position.x, position.y + position.height / 2);
+  context.closePath();
+  context.fill();
+  context.stroke();
+}
+
+function drawInk(context: CanvasRenderingContext2D, position: LayerPosition): void {
+  context.save();
+  context.translate(position.x + position.width / 2, position.y + position.height / 2);
+  context.rotate(-0.025);
+  const width = position.width;
+  const height = position.height;
+  context.beginPath();
+  context.moveTo(-width * 0.48, -height * 0.05);
+  context.bezierCurveTo(-width * 0.43, -height * 0.46, -width * 0.12, -height * 0.58, width * 0.25, -height * 0.45);
+  context.bezierCurveTo(width * 0.54, -height * 0.36, width * 0.55, height * 0.08, width * 0.32, height * 0.34);
+  context.bezierCurveTo(width * 0.04, height * 0.62, -width * 0.36, height * 0.46, -width * 0.48, -height * 0.05);
+  context.fill();
+  context.stroke();
+  context.fillStyle = '#11d6c4';
+  context.beginPath();
+  context.arc(width * 0.34, height * 0.34, Math.max(4, height * 0.08), 0, Math.PI * 2);
+  context.fill();
+  context.restore();
+}
+
+function drawPoster(context: CanvasRenderingContext2D, position: LayerPosition): void {
+  context.fillRect(position.x, position.y, position.width, position.height);
+  context.strokeRect(position.x, position.y, position.width, position.height);
+}
+
+function drawTicket(context: CanvasRenderingContext2D, position: LayerPosition): void {
+  roundedRect(context, position, 20);
+  context.fill();
+  context.stroke();
+  context.save();
+  context.globalCompositeOperation = 'destination-out';
+  context.beginPath();
+  context.arc(position.x, position.y + position.height / 2, Math.min(14, position.height * 0.22), 0, Math.PI * 2);
+  context.arc(position.x + position.width, position.y + position.height / 2, Math.min(14, position.height * 0.22), 0, Math.PI * 2);
+  context.fill();
+  context.restore();
+  context.fillStyle = '#577b86';
+  context.fillRect(position.x, position.y + position.height * 0.15, 8, position.height * 0.7);
+  context.setLineDash([6, 10]);
+  context.beginPath();
+  context.moveTo(position.x + position.width * 0.78, position.y + 12);
+  context.lineTo(position.x + position.width * 0.78, position.y + position.height - 12);
+  context.stroke();
+  context.setLineDash([]);
+}
+
+function drawMarker(context: CanvasRenderingContext2D, palette: TitlePalette, position: LayerPosition): void {
+  roundedRect(context, position, 14);
+  context.fill();
+  context.stroke();
+  context.fillStyle = palette.accent;
+  context.fillRect(position.x + position.width * 0.08, position.y + position.height * 0.78, position.width * 0.38, 7);
+}
+
+function drawSplit(context: CanvasRenderingContext2D, palette: TitlePalette, position: LayerPosition): void {
+  roundedRect(context, position, 8);
+  context.fillStyle = palette.fill;
+  context.fill();
+  context.save();
+  context.beginPath();
+  context.rect(position.x + position.width * 0.58, position.y, position.width * 0.42, position.height);
+  context.clip();
+  context.fillStyle = palette.accent;
+  context.fillRect(position.x + position.width * 0.58, position.y, position.width * 0.42, position.height);
+  context.restore();
+  context.stroke();
+}
+
+function drawCapsule(context: CanvasRenderingContext2D, position: LayerPosition): void {
+  roundedRect(context, position, position.height / 2);
+  context.fill();
+  context.stroke();
+}
+
+function drawCorner(context: CanvasRenderingContext2D, palette: TitlePalette, position: LayerPosition): void {
+  context.fillRect(position.x, position.y, position.width, position.height);
+  context.fillStyle = palette.accent;
+  context.fillRect(position.x, position.y + position.height - 8, position.width * 0.3, 8);
+}
+
+function drawVertical(context: CanvasRenderingContext2D, palette: TitlePalette, position: LayerPosition): void {
+  context.fillRect(position.x, position.y, position.width, position.height);
+  context.fillStyle = palette.accent;
+  context.fillRect(position.x + position.width - 10, position.y + 12, 4, position.height - 24);
+  context.beginPath();
+  context.arc(position.x + position.width - 8, position.y + 8, 3, 0, Math.PI * 2);
+  context.fill();
+}
+
+function drawShape(context: CanvasRenderingContext2D, style: TitleStyle, palette: TitlePalette, position: LayerPosition): void {
+  const drawers: Record<TitleStyle, () => void> = {
+    paper: () => drawPaper(context, palette, position), ribbon: () => drawRibbon(context, position), ink: () => drawInk(context, position), poster: () => drawPoster(context, position), ticket: () => drawTicket(context, position), marker: () => drawMarker(context, palette, position), split: () => drawSplit(context, palette, position), capsule: () => drawCapsule(context, position), corner: () => drawCorner(context, palette, position), vertical: () => drawVertical(context, palette, position),
+  };
+  drawers[style]();
+}
+
+function drawTitleText(context: CanvasRenderingContext2D, state: CompositionState, palette: TitlePalette, position: LayerPosition): void {
+  const fontSize = clamp(position.height * 0.34 * state.titleFontSize, 12, 74);
+  const textTop = state.titleStyle === 'marker' ? 0.24 : 0.18;
+  context.font = `800 ${fontSize}px Georgia, serif`;
+  context.textAlign = 'left';
+  context.textBaseline = 'top';
+  const lines = wrapLines(context, state.title, position.width * 0.82);
+  lines.forEach((line, index) => {
+    const y = position.y + position.height * textTop + index * fontSize * 1.05;
+    if (state.titleStyle !== 'split') {
+      context.fillStyle = palette.text;
+      context.fillText(line, position.x + position.width * 0.09, y);
+      return;
+    }
+    context.save();
+    context.beginPath();
+    context.rect(position.x, position.y, position.width * 0.58, position.height);
+    context.clip();
+    context.fillStyle = palette.text;
+    context.fillText(line, position.x + position.width * 0.09, y);
+    context.restore();
+    context.save();
+    context.beginPath();
+    context.rect(position.x + position.width * 0.58, position.y, position.width * 0.42, position.height);
+    context.clip();
+    context.fillStyle = '#fffaf0';
+    context.fillText(line, position.x + position.width * 0.09, y);
+    context.restore();
+  });
+}
+
+export function drawTitle(context: CanvasRenderingContext2D, state: CompositionState): void {
+  if (!state.title.trim()) return;
+  const position = state.positions.title;
+  const palette = palettes[state.titleStyle];
+  context.save();
+  context.shadowColor = 'rgba(4, 11, 24, 0.25)';
+  context.shadowBlur = 22;
+  context.shadowOffsetY = 10;
+  context.fillStyle = palette.fill;
+  context.strokeStyle = palette.accent;
+  context.lineWidth = 3;
+  drawShape(context, state.titleStyle, palette, position);
+  context.shadowColor = 'transparent';
+  drawTitleText(context, state, palette, position);
+  context.restore();
+}

package/src/tool/promoteThisWebsite/ui.ts

@@ -0,0 +1,59 @@
+export interface PromoteThisWebsiteUI extends Record<string, string> {
+  urlLabel: string;
+  urlPlaceholder: string;
+  applyUrl: string;
+  formatLabel: string;
+  panoramic: string;
+  instagram: string;
+  square: string;
+  story: string;
+  titleLabel: string;
+  titlePlaceholder: string;
+  titleSizeLabel: string;
+  titleBoxSizeLabel: string;
+  titleStyleLabel: string;
+  brandLabel: string;
+  brandStyleLabel: string;
+  advancedLabel: string;
+  assetsLabel: string;
+  backgroundLabel: string;
+  toolLabel: string;
+  logoLabel: string;
+  mascotLabel: string;
+  layersLabel: string;
+  backgroundLayer: string;
+  toolLayer: string;
+  logoLayer: string;
+  mascotLayer: string;
+  titleLayer: string;
+  reset: string;
+  download: string;
+  activeLayer: string;
+  canvasHint: string;
+  pasted: string;
+  urlApplied: string;
+  urlLoading: string;
+  urlFailed: string;
+  fileLoaded: string;
+  titlePaper: string;
+  titleRibbon: string;
+  titleInk: string;
+  titlePoster: string;
+  titleTicket: string;
+  titleMarker: string;
+  titleSplit: string;
+  titleCapsule: string;
+  titleCorner: string;
+  titleVertical: string;
+  brandPlain: string;
+  brandPlaque: string;
+  brandTicket: string;
+  brandStamp: string;
+  brandNeon: string;
+  brandRibbon: string;
+  brandCorner: string;
+  brandPixel: string;
+  brandHalo: string;
+  brandEditorial: string;
+  defaultTool: string;
+}

package/src/tool/promptLibrary/bibliography.astro

@@ -1,14 +1,6 @@
 ---
 import { Bibliography as SharedBibliography } from '@jjlmoya/utils-shared';
-import { promptLibrary } from './index';
-import type { KnownLocale } from '../../types';
-
-interface Props {
-  locale?: KnownLocale;
-}
-
-const { locale = 'es' } = Astro.props;
-const content = await promptLibrary.i18n[locale]?.();
+import { bibliography } from './bibliography';
 ---
 
-{content && <SharedBibliography links={content.bibliography} />}
+<SharedBibliography links={bibliography} />

package/src/tool/promptLibrary/bibliography.ts

@@ -0,0 +1,6 @@
+import type { BibliographyEntry } from '../../types';
+
+export const bibliography: BibliographyEntry[] = [
+  { name: 'Prompt Engineering Guide (DAIR.AI)', url: 'https://www.promptingguide.ai/techniques' },
+  { name: 'What is prompt engineering (Google Cloud)', url: 'https://cloud.google.com/discover/what-is-prompt-engineering' },
+];

package/src/tool/promptLibrary/i18n/de.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { PromptLibraryUI } from '../ui';
@@ -95,10 +96,7 @@ export const content: ToolLocaleContent<PromptLibraryUI> = {
   faqTitle: 'Häufig gestellte Fragen',
   faq: faqData,
   bibliographyTitle: 'Referenzen zum Prompt Engineering',
-  bibliography: [
-    { name: 'Prompt Engineering Guide (DAIR.AI)', url: 'https://www.promptingguide.ai/' },
-    { name: 'Was ist Prompt Engineering (Google Cloud)', url: 'https://cloud.google.com/discover/what-is-prompt-engineering' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/promptLibrary/i18n/en.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { PromptLibraryUI } from '../ui';
@@ -95,10 +96,7 @@ export const content: ToolLocaleContent<PromptLibraryUI> = {
   faqTitle: 'Frequently Asked Questions',
   faq: faqData,
   bibliographyTitle: 'Prompt Engineering References',
-  bibliography: [
-    { name: 'Prompt Engineering Guide (DAIR.AI)', url: 'https://www.promptingguide.ai/' },
-    { name: 'What is prompt engineering (Google Cloud)', url: 'https://cloud.google.com/discover/what-is-prompt-engineering' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/promptLibrary/i18n/es.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { PromptLibraryUI } from '../ui';
@@ -95,10 +96,7 @@ export const content: ToolLocaleContent<PromptLibraryUI> = {
   faqTitle: 'Preguntas Frecuentes',
   faq: faqData,
   bibliographyTitle: 'Referencias sobre Prompt Engineering',
-  bibliography: [
-    { name: 'Prompt Engineering Guide (DAIR.AI)', url: 'https://www.promptingguide.ai/' },
-    { name: 'Qu\u00e9 es prompt engineering (Google Cloud)', url: 'https://cloud.google.com/discover/what-is-prompt-engineering' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/promptLibrary/i18n/fr.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { PromptLibraryUI } from '../ui';
@@ -95,10 +96,7 @@ export const content: ToolLocaleContent<PromptLibraryUI> = {
   faqTitle: 'Questions Fr\u00e9quentes',
   faq: faqData,
   bibliographyTitle: 'R\u00e9f\u00e9rences sur le Prompt Engineering',
-  bibliography: [
-    { name: 'Prompt Engineering Guide (DAIR.AI)', url: 'https://www.promptingguide.ai/' },
-    { name: 'Qu\'est-ce que le prompt engineering (Google Cloud)', url: 'https://cloud.google.com/discover/what-is-prompt-engineering' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/promptLibrary/i18n/id.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { PromptLibraryUI } from '../ui';
@@ -95,10 +96,7 @@ export const content: ToolLocaleContent<PromptLibraryUI> = {
   faqTitle: 'Pertanyaan yang Sering Diajukan',
   faq: faqData,
   bibliographyTitle: 'Referensi Prompt Engineering',
-  bibliography: [
-    { name: 'Prompt Engineering Guide (DAIR.AI)', url: 'https://www.promptingguide.ai/' },
-    { name: 'Apa itu prompt engineering (Google Cloud)', url: 'https://cloud.google.com/discover/what-is-prompt-engineering' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/promptLibrary/i18n/it.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { PromptLibraryUI } from '../ui';
@@ -95,10 +96,7 @@ export const content: ToolLocaleContent<PromptLibraryUI> = {
   faqTitle: 'Domande Frequenti',
   faq: faqData,
   bibliographyTitle: 'Riferimenti sul Prompt Engineering',
-  bibliography: [
-    { name: 'Prompt Engineering Guide (DAIR.AI)', url: 'https://www.promptingguide.ai/' },
-    { name: 'Che cos\'è il prompt engineering (Google Cloud)', url: 'https://cloud.google.com/discover/what-is-prompt-engineering' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/promptLibrary/i18n/ja.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { PromptLibraryUI } from '../ui';
@@ -95,10 +96,7 @@ export const content: ToolLocaleContent<PromptLibraryUI> = {
   faqTitle: 'よくある質問',
   faq: faqData,
   bibliographyTitle: 'プロンプトエンジニアリング参考資料',
-  bibliography: [
-    { name: 'Prompt Engineering Guide (DAIR.AI)', url: 'https://www.promptingguide.ai/' },
-    { name: 'プロンプトエンジニアリングとは（Google Cloud）', url: 'https://cloud.google.com/discover/what-is-prompt-engineering' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/promptLibrary/i18n/ko.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { PromptLibraryUI } from '../ui';
@@ -95,10 +96,7 @@ export const content: ToolLocaleContent<PromptLibraryUI> = {
   faqTitle: '자주 묻는 질문',
   faq: faqData,
   bibliographyTitle: '프롬프트 엔지니어링 참고자료',
-  bibliography: [
-    { name: 'Prompt Engineering Guide (DAIR.AI)', url: 'https://www.promptingguide.ai/' },
-    { name: '프롬프트 엔지니어링이란 (Google Cloud)', url: 'https://cloud.google.com/discover/what-is-prompt-engineering' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/promptLibrary/i18n/nl.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { PromptLibraryUI } from '../ui';
@@ -95,10 +96,7 @@ export const content: ToolLocaleContent<PromptLibraryUI> = {
   faqTitle: 'Veelgestelde Vragen',
   faq: faqData,
   bibliographyTitle: 'Referenties over Prompt Engineering',
-  bibliography: [
-    { name: 'Prompt Engineering Guide (DAIR.AI)', url: 'https://www.promptingguide.ai/' },
-    { name: 'Wat is prompt engineering (Google Cloud)', url: 'https://cloud.google.com/discover/what-is-prompt-engineering' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/promptLibrary/i18n/pl.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { PromptLibraryUI } from '../ui';
@@ -25,4 +26,4 @@ const appSchema: WithContext<SoftwareApplication> = { '@context': 'https://schem
 
 const ui: PromptLibraryUI = { placeholderSearch: 'Wyszukiwanie po słowie kluczowym lub tagu...', btnNew: 'Nowy Prompt', emptyTitle: 'Twoja biblioteka jest pusta', emptyDesc: 'Utwórz swój pierwszy prompt i zacznij budować prywatne repozytorium AI.', btnAddFirst: 'Dodaj pierwszy', modalTitleCreate: 'Utwórz Nowy Prompt', modalTitleEdit: 'Edytuj Prompt', labelTitle: 'Tytuł identyfikujący', placeholderTitle: 'Np.: Ekspert Marketingu SEO', labelContent: 'Instrukcja (Prompt)', placeholderContent: 'Wpisz tutaj szczegółowe instrukcje dla AI...', hintContent: 'Wskazówka: używaj nawiasów [TAKIE TO] do zmiennych, które wypełnisz później.', labelTags: 'Tagi', placeholderTags: 'Np.: marketing, seo (spacja lub przecinek do dodawania)', btnCancel: 'Anuluj', btnSave: 'Zapisz Lokalnie', ariaLabelStar: 'Oznacz prompt gwiazdką', ariaLabelEdit: 'Edytuj prompt', ariaLabelShare: 'Udostępniaj prompt', ariaLabelCopy: 'Kopiuj prompt', ariaLabelDelete: 'Usuń prompt', varsTitle: 'Wymagane zmienne', noResults: 'Nie znaleziono promptów dla tego wyszukiwania.', confirmTitle: 'Usunąć prompt?', confirmDesc: 'Tej akcji nie można cofnąć.', btnCancelDelete: 'Anuluj', btnConfirmDelete: 'Usuń permanentnie', };
 
-export const content: ToolLocaleContent<PromptLibraryUI> = { slug, title, description, ui, faqTitle: 'Często Zadawane Pytania', faq: faqData, bibliographyTitle: 'Referencje Inżynierii Promptów', bibliography: [{ name: 'Prompt Engineering Guide (DAIR.AI)', url: 'https://www.promptingguide.ai/' }, { name: 'What is prompt engineering (Google Cloud)', url: 'https://cloud.google.com/discover/what-is-prompt-engineering' }], howTo: howToData, schemas: [faqSchema, howToSchema, appSchema], seo: [{ type: 'title', text: 'Dlaczego potrzebujesz biblioteki promptów?', level: 2 }, { type: 'paragraph', html: 'Jeśli regularnie pracujesz z narzędziami AI, takimi jak ChatGPT, Claude czy Midjourney, pewnie zauważyłeś, że powtarzasz te same instrukcje. <strong>Biblioteka promptów</strong> to ostateczne rozwiązanie, aby przestać zmarnować czas na przepisywanie ulubionych poleceń.' }, { type: 'title', text: 'Korzyści z organizowania promptów', level: 3 }, { type: 'list', items: ['<strong>Błyskawiczne wyszukiwanie:</strong> Znajdź tę konkretną instrukcję, którą używałeś miesiące temu, za pomocą prostego wyszukiwania tekstowego.', '<strong>Klasyfikacja tagami:</strong> Taguj prompty jako "marketing", "programowanie" czy "copywriting", aby szybko filtrować.', '<strong>Kopiowanie jednym kliknięciem:</strong> Skopiuj pełny tekst do schowka jednym kliknięciem.', '<strong>Całkowita prywatność:</strong> Wszystkie Twoje dane są przechowywane lokalnie w przeglądarce poprzez localStorage.'] }, { type: 'title', text: 'Zmienne w Twoich promptach', level: 3 }, { type: 'paragraph', html: 'Użyj notacji <strong>[ZMIENNA]</strong> w swoich promptach, aby tworzyć dynamicznie wypełnialne pola. Gdy otworzysz kartę, pojawią się pola wejściowe dla każdej zdefiniowanej zmiennej. Prompt jest kopiowany ze wypełnionymi wartościami, gotowy do wklejenia do swojego AI.' }, { type: 'title', text: 'Udostępnianie promptów', level: 3 }, { type: 'paragraph', html: 'Każdy prompt można udostępnić poprzez URL. Przycisk udostępniania generuje link, który po otwarciu pokazuje formularz tworzenia wstępnie wypełniony zawartością promptu.' }] };
+export const content: ToolLocaleContent<PromptLibraryUI> = { slug, title, description, ui, faqTitle: 'Często Zadawane Pytania', faq: faqData, bibliographyTitle: 'Referencje Inżynierii Promptów', bibliography, howTo: howToData, schemas: [faqSchema, howToSchema, appSchema], seo: [{ type: 'title', text: 'Dlaczego potrzebujesz biblioteki promptów?', level: 2 }, { type: 'paragraph', html: 'Jeśli regularnie pracujesz z narzędziami AI, takimi jak ChatGPT, Claude czy Midjourney, pewnie zauważyłeś, że powtarzasz te same instrukcje. <strong>Biblioteka promptów</strong> to ostateczne rozwiązanie, aby przestać zmarnować czas na przepisywanie ulubionych poleceń.' }, { type: 'title', text: 'Korzyści z organizowania promptów', level: 3 }, { type: 'list', items: ['<strong>Błyskawiczne wyszukiwanie:</strong> Znajdź tę konkretną instrukcję, którą używałeś miesiące temu, za pomocą prostego wyszukiwania tekstowego.', '<strong>Klasyfikacja tagami:</strong> Taguj prompty jako "marketing", "programowanie" czy "copywriting", aby szybko filtrować.', '<strong>Kopiowanie jednym kliknięciem:</strong> Skopiuj pełny tekst do schowka jednym kliknięciem.', '<strong>Całkowita prywatność:</strong> Wszystkie Twoje dane są przechowywane lokalnie w przeglądarce poprzez localStorage.'] }, { type: 'title', text: 'Zmienne w Twoich promptach', level: 3 }, { type: 'paragraph', html: 'Użyj notacji <strong>[ZMIENNA]</strong> w swoich promptach, aby tworzyć dynamicznie wypełnialne pola. Gdy otworzysz kartę, pojawią się pola wejściowe dla każdej zdefiniowanej zmiennej. Prompt jest kopiowany ze wypełnionymi wartościami, gotowy do wklejenia do swojego AI.' }, { type: 'title', text: 'Udostępnianie promptów', level: 3 }, { type: 'paragraph', html: 'Każdy prompt można udostępnić poprzez URL. Przycisk udostępniania generuje link, który po otwarciu pokazuje formularz tworzenia wstępnie wypełniony zawartością promptu.' }] };

package/src/tool/promptLibrary/i18n/pt.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { PromptLibraryUI } from '../ui';
@@ -82,10 +83,7 @@ export const content: ToolLocaleContent<PromptLibraryUI> = {
   faqTitle: 'Perguntas Frequentes',
   faq: faqData,
   bibliographyTitle: 'Referências de Engenharia de Prompts',
-  bibliography: [
-    { name: 'Guia de Engenharia de Prompts (DAIR.AI)', url: 'https://www.promptingguide.ai/' },
-    { name: 'O que é engenharia de prompts (Google Cloud)', url: 'https://cloud.google.com/discover/what-is-prompt-engineering' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/promptLibrary/i18n/ru.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { PromptLibraryUI } from '../ui';
@@ -82,10 +83,7 @@ export const content: ToolLocaleContent<PromptLibraryUI> = {
   faqTitle: 'Часто Задаваемые Вопросы',
   faq: faqData,
   bibliographyTitle: 'Справки по Инженерии Промптов',
-  bibliography: [
-    { name: 'Путеводитель по Инженерии Промптов (DAIR.AI)', url: 'https://www.promptingguide.ai/' },
-    { name: 'Что такое инженерия промптов (Google Cloud)', url: 'https://cloud.google.com/discover/what-is-prompt-engineering' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/promptLibrary/i18n/sv.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { PromptLibraryUI } from '../ui';
@@ -74,10 +75,7 @@ export const content: ToolLocaleContent<PromptLibraryUI> = {
   faqTitle: 'Vanliga Frågor',
   faq: faqData,
   bibliographyTitle: 'Prompt Engineering Referenser',
-  bibliography: [
-    { name: 'Prompt Engineering Guide (DAIR.AI)', url: 'https://www.promptingguide.ai/' },
-    { name: 'Vad är prompt engineering (Google Cloud)', url: 'https://cloud.google.com/discover/what-is-prompt-engineering' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/promptLibrary/i18n/tr.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { PromptLibraryUI } from '../ui';
@@ -74,10 +75,7 @@ export const content: ToolLocaleContent<PromptLibraryUI> = {
   faqTitle: 'Sık Sorulan Sorular',
   faq: faqData,
   bibliographyTitle: 'Prompt Mühendisliği Referansları',
-  bibliography: [
-    { name: 'Prompt Mühendisliği Kılavuzu (DAIR.AI)', url: 'https://www.promptingguide.ai/' },
-    { name: 'Prompt Mühendisliği Nedir (Google Cloud)', url: 'https://cloud.google.com/discover/what-is-prompt-engineering' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/promptLibrary/i18n/zh.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { PromptLibraryUI } from '../ui';
@@ -74,10 +75,7 @@ export const content: ToolLocaleContent<PromptLibraryUI> = {
   faqTitle: '常见问题',
   faq: faqData,
   bibliographyTitle: '提示工程参考',
-  bibliography: [
-    { name: '提示工程指南 (DAIR.AI)', url: 'https://www.promptingguide.ai/' },
-    { name: '什么是提示工程 (Google Cloud)', url: 'https://cloud.google.com/discover/what-is-prompt-engineering' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/readabilityCalculator/bibliography.astro

@@ -1,14 +1,6 @@
 ---
 import { Bibliography as SharedBibliography } from '@jjlmoya/utils-shared';
-import { readabilityCalculator } from './index';
-import type { KnownLocale } from '../../types';
-
-interface Props {
-  locale?: KnownLocale;
-}
-
-const { locale = 'es' } = Astro.props;
-const content = await readabilityCalculator.i18n[locale]?.();
+import { bibliography } from './bibliography';
 ---
 
-{content && <SharedBibliography links={content.bibliography} />}
+<SharedBibliography links={bibliography} />

package/src/tool/readabilityCalculator/bibliography.ts

@@ -0,0 +1,7 @@
+import type { BibliographyEntry } from '../../types';
+
+export const bibliography: BibliographyEntry[] = [
+  { name: 'W3C: WCAG 3.0 Draft (Silver)', url: 'https://www.w3.org/WAI/standards-guidelines/wcag/wcag3-intro/' },
+  { name: 'Myndex: APCA reference implementation', url: 'https://github.com/Myndex/apca-w3' },
+  { name: 'MDN: Accessibility and Color Contrast', url: 'https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast' },
+];

package/src/tool/readabilityCalculator/i18n/de.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { ReadabilityCalculatorUI } from '../ui';
@@ -97,11 +98,7 @@ export const content: ToolLocaleContent<ReadabilityCalculatorUI> = {
   faqTitle: 'Häufig gestellte Fragen',
   faq: faqData,
   bibliographyTitle: 'Ressourcen zu Kontrast und APCA',
-  bibliography: [
-    { name: 'W3C: WCAG 3.0 Entwurf (Silver)', url: 'https://www.w3.org/WAI/standards-guidelines/wcag/wcag3-intro/' },
-    { name: 'Myndex: APCA Referenzhandbuch', url: 'https://apcaw3.myndex.com/' },
-    { name: 'MDN: Barrierefreiheit und Farbkontrast', url: 'https://developer.mozilla.org/de/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/readabilityCalculator/i18n/en.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { ReadabilityCalculatorUI } from '../ui';
@@ -97,11 +98,7 @@ export const content: ToolLocaleContent<ReadabilityCalculatorUI> = {
   faqTitle: 'Frequently Asked Questions',
   faq: faqData,
   bibliographyTitle: 'Resources on Contrast and APCA',
-  bibliography: [
-    { name: 'W3C: WCAG 3.0 Draft (Silver)', url: 'https://www.w3.org/WAI/standards-guidelines/wcag/wcag3-intro/' },
-    { name: 'Myndex: APCA Reference Guide', url: 'https://apcaw3.myndex.com/' },
-    { name: 'MDN: Accessibility and Color Contrast', url: 'https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [

package/src/tool/readabilityCalculator/i18n/es.ts

@@ -1,3 +1,4 @@
+import { bibliography } from '../bibliography';
 import type { WithContext, FAQPage, HowToThing, SoftwareApplication } from 'schema-dts';
 import type { ToolLocaleContent } from '../../../types';
 import type { ReadabilityCalculatorUI } from '../ui';
@@ -97,11 +98,7 @@ export const content: ToolLocaleContent<ReadabilityCalculatorUI> = {
   faqTitle: 'Preguntas Frecuentes',
   faq: faqData,
   bibliographyTitle: 'Recursos sobre Contraste y APCA',
-  bibliography: [
-    { name: 'W3C: Draft de WCAG 3.0 (Silver)', url: 'https://www.w3.org/WAI/standards-guidelines/wcag/wcag3-intro/' },
-    { name: 'Myndex: Gu\u00eda de Referencia APCA', url: 'https://apcaw3.myndex.com/' },
-    { name: 'MDN: Accesibilidad y Contraste de Color', url: 'https://developer.mozilla.org/es/docs/Web/Accessibility/Understanding_WCAG/Perceivable/Color_contrast' },
-  ],
+  bibliography,
   howTo: howToData,
   schemas: [faqSchema, howToSchema, appSchema],
   seo: [