@jjlmoya/utils-cooking 1.23.0 → 1.25.0

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

@@ -1,4 +1,5 @@
 import type { ToolLocaleContent } from "../../../types";
+import { bibliography } from '../bibliography';
 
 const title = "平衡盐水计算器";
 const description = "实现多汁肉类与完美发酵的平衡科学。根据食材和水的总重量计算精确的盐度。";
@@ -104,25 +105,8 @@ export const content: ToolLocaleContent = {
     timePreservesLabel: "时长（保存食品）",
     timePreservesDuration: "1 个月以上",
   },
-  faqTitle: "常见问题",
-  bibliographyTitle: "来源与参考文献",
-  faq,
-  howTo,
-  bibliography: [
-    {
-      name: "The Noma Guide to Fermentation - René Redzepi & David Zilber",
-      url: "https://www.nomacph.com/",
-    },
-    {
-      name: "Salt, Fat, Acid, Heat - Samin Nosrat",
-      url: "https://www.saltfatacidheat.com/",
-    },
-    {
-      name: "Pollan, Michael - Cooked",
-      url: "https://michaelpollan.com/",
-    },
-  ],
-  seo: [
+  faqTitle: "常见问题",  faq,
+  howTo,  seo: [
     {
       type: 'title',
       text: '平衡盐水与发酵大师指南',
@@ -249,5 +233,6 @@ export const content: ToolLocaleContent = {
       html: '我们的平衡计算器为您排除配方中的不确定因素，让您像专业大厨一样充满信心地烹饪。',
     },
   ],
+  bibliography,
   schemas: [faqSchema, howToSchema, appSchema],
 };

package/src/tool/brine/seo.astro

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

package/src/tool/cookware-guide/bibliography.astro

@@ -1,6 +1,6 @@
 ---
 import { Bibliography as BibliographyComponent } from '@jjlmoya/utils-shared';
-import { content } from './i18n/es';
+import { bibliography } from './bibliography';
 ---
 
-<BibliographyComponent links={content.bibliography} />
+<BibliographyComponent links={bibliography} />

package/src/tool/cookware-guide/bibliography.ts

@@ -0,0 +1,10 @@
+export const bibliography = [
+  {
+    name: 'The Best Cookware, According to Science',
+    url: 'https://www.discovermagazine.com/the-best-cookware-according-to-science-42175',
+  },
+  {
+    name: 'Guide to Cookware Materials',
+    url: 'https://www.everythingkitchens.com/blog/guide-to-cookware-material-best-pots-pans-material-for-the-kitchen.html',
+  },
+];

package/src/tool/cookware-guide/cookware-selector.css

@@ -1,22 +1,473 @@
 :root {
-		--cw-primary: hsl(240deg, 94%, 60%);
-		--cw-primary-light: hsl(240deg, 100%, 95%);
-		--cw-bg-card: hsl(0deg, 0%, 100%);
-		--cw-bg-app: hsl(210deg, 40%, 98%);
-		--cw-border: hsl(210deg, 14%, 89%);
-		--cw-text-main: hsl(210deg, 40%, 14%);
-		--cw-text-muted: hsl(210deg, 8%, 40%);
-		--cw-text-light: hsl(210deg, 40%, 98%);
-		--cw-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);
-		--cw-radius: 1.5rem;
+	--cw-primary: hsl(240deg, 94%, 60%);
+	--cw-primary-light: hsl(240deg, 100%, 95%);
+	--cw-bg-card: hsl(0deg, 0%, 100%);
+	--cw-bg-app: hsl(210deg, 40%, 98%);
+	--cw-border: hsl(210deg, 14%, 89%);
+	--cw-text-main: hsl(210deg, 40%, 14%);
+	--cw-text-muted: hsl(210deg, 8%, 40%);
+	--cw-text-light: hsl(210deg, 40%, 98%);
+	--cw-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.1);
+	--cw-radius: 1.5rem;
+}
+
+.theme-dark {
+	--cw-bg-card: hsl(217deg, 33%, 12%);
+	--cw-bg-app: hsl(217deg, 39%, 8%);
+	--cw-border: hsl(217deg, 33%, 25%);
+	--cw-text-main: hsl(210deg, 40%, 98%);
+	--cw-text-muted: hsl(210deg, 14%, 75%);
+	--cw-text-light: hsl(210deg, 40%, 98%);
+	--cw-primary-light: hsl(240deg, 100%, 20%);
+}
+
+.cw-container {
+	width: 100%;
+	max-width: 100%;
+	padding: 1rem;
+}
+
+.cw-card {
+	background: var(--cw-bg-card);
+	border: 1px solid var(--cw-border);
+	border-radius: var(--cw-radius);
+	box-shadow: var(--cw-shadow-xl);
+	overflow: hidden;
+	transition: all 0.3s ease;
+}
+
+.cw-progress-bar {
+	height: 0.375rem;
+	width: 0%;
+	background: linear-gradient(to right, var(--cw-primary), hsl(270deg, 94%, 60%));
+	transition: width 0.5s ease;
+}
+
+.cw-content {
+	padding: 2rem;
+}
+
+@media (max-width: 1024px) {
+	.cw-content {
+		padding: 1.5rem;
+	}
+}
+
+@media (max-width: 640px) {
+	.cw-content {
+		padding: 1rem;
+	}
+}
+
+.cw-grid {
+	display: grid;
+	grid-template-columns: 1fr;
+	gap: 2rem;
+}
+
+@media (min-width: 1024px) {
+	.cw-grid {
+		grid-template-columns: 1.4fr 1fr;
+		gap: 2rem;
 	}
+}
+
+.cw-left {
+	display: flex;
+	flex-direction: column;
+	gap: 2rem;
+}
+
+.cw-right {
+	display: flex;
+	flex-direction: column;
+	gap: 1.5rem;
+}
+
+.cw-section {
+	display: flex;
+	flex-direction: column;
+	gap: 1rem;
+}
+
+.cw-step-label {
+	display: flex;
+	align-items: center;
+	gap: 0.75rem;
+	font-size: 0.625rem;
+	font-weight: 900;
+	color: var(--cw-text-muted);
+	text-transform: uppercase;
+	letter-spacing: 0.2em;
+}
+
+.cw-step-number {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 1.25rem;
+	height: 1.25rem;
+	border-radius: 50%;
+	background: var(--cw-primary-light);
+	color: var(--cw-primary);
+	font-weight: 900;
+	font-size: 0.625rem;
+	flex-shrink: 0;
+}
+
+.theme-dark .cw-step-number {
+	background: hsl(240deg, 100%, 20%);
+}
+
+.cw-style-grid {
+	display: grid;
+	grid-template-columns: repeat(2, 1fr);
+	gap: 0.75rem;
+}
+
+.cw-style-btn {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+	gap: 0.5rem;
+	padding: 1rem;
+	border: 2px solid var(--cw-border);
+	border-radius: 0.75rem;
+	background: var(--cw-bg-card);
+	color: var(--cw-text-muted);
+	cursor: pointer;
+	transition: all 0.3s ease;
+	text-align: left;
+	font-size: inherit;
+}
+
+.cw-style-btn:hover {
+	border-color: var(--cw-primary-light);
+	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}
+
+.cw-style-btn.active {
+	background: var(--cw-primary-light);
+	border-color: var(--cw-primary);
+	color: var(--cw-primary);
+}
+
+.theme-dark .cw-style-btn.active {
+	background: hsl(240deg, 100%, 35%);
+	color: hsl(0deg, 0%, 100%);
+}
+
+.theme-dark .cw-style-btn.active .cw-style-name {
+	color: hsl(0deg, 0%, 100%);
+}
+
+.theme-dark .cw-style-btn.active .cw-style-desc {
+	color: hsl(0deg, 0%, 100%);
+}
+
+.cw-icon {
+	width: 1.5rem;
+	height: 1.5rem;
+}
+
+.cw-icon-large {
+	width: 6rem;
+	height: 6rem;
+	color: var(--cw-text-light);
+}
+
+.cw-icon-orange {
+	color: hsl(33deg, 100%, 50%);
+}
+
+.cw-icon-yellow {
+	color: hsl(45deg, 100%, 50%);
+}
+
+.cw-icon-red {
+	color: hsl(0deg, 100%, 50%);
+}
+
+.cw-icon-blue {
+	color: hsl(217deg, 100%, 50%);
+}
+
+.cw-style-name {
+	font-size: 0.75rem;
+	font-weight: 900;
+	display: block;
+	color: var(--cw-text-main);
+}
+
+.cw-style-btn.active .cw-style-name {
+	color: var(--cw-primary);
+}
+
+.cw-style-desc {
+	font-weight: 600;
+	opacity: 0.7;
+	display: block;
+	text-transform: uppercase;
+}
+
+.cw-maint-grid {
+	display: grid;
+	grid-template-columns: 1fr;
+	gap: 0.75rem;
+}
+
+@media (min-width: 640px) {
+	.cw-maint-grid {
+		grid-template-columns: repeat(3, 1fr);
+	}
+}
+
+.cw-maint-btn {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	text-align: center;
+	gap: 0.75rem;
+	padding: 1.25rem;
+	border: 2px solid var(--cw-border);
+	border-radius: 0.75rem;
+	background: var(--cw-bg-card);
+	color: var(--cw-text-muted);
+	cursor: pointer;
+	transition: all 0.3s ease;
+	font-size: inherit;
+}
+
+.cw-maint-btn:hover {
+	border-color: var(--cw-primary-light);
+	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+}
+
+.cw-maint-btn.active {
+	background: var(--cw-primary-light);
+	border-color: var(--cw-primary);
+}
+
+.theme-dark .cw-maint-btn.active {
+	background: hsl(240deg, 100%, 20%);
+}
+
+.cw-maint-icon {
+	width: 3rem;
+	height: 3rem;
+	border-radius: 0.75rem;
+	background: var(--cw-bg-app);
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	color: var(--cw-text-muted);
+	transition: all 0.3s ease;
+}
+
+.cw-maint-btn.active .cw-maint-icon {
+	color: var(--cw-primary);
+}
+
+.cw-maint-btn:hover .cw-maint-icon {
+	color: var(--cw-primary);
+}
+
+.cw-maint-name {
+	font-size: 0.75rem;
+	font-weight: 900;
+	display: block;
+	color: var(--cw-text-main);
+}
+
+.cw-maint-btn.active .cw-maint-name {
+	color: var(--cw-primary);
+}
+
+.cw-maint-desc {
+	font-size: 0.625rem;
+	font-weight: 500;
+	opacity: 0.7;
+	display: block;
+	line-height: 1.3;
+}
+
+.cw-result-card {
+	background: hsl(217deg, 33%, 17%);
+	border-radius: var(--cw-radius);
+	padding: 2rem;
+	color: hsl(0deg, 0%, 100%);
+	box-shadow: var(--cw-shadow-xl);
+	position: relative;
+	overflow: hidden;
+	min-height: 320px;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	transition: all 0.3s ease;
+}
+
+.cw-card-bg {
+	position: absolute;
+	inset: 0;
+	background: linear-gradient(135deg, hsl(217deg, 33%, 17%), hsl(217deg, 33%, 7%));
+	transition: background 1s ease;
+}
+
+.cw-card-glow {
+	position: absolute;
+	right: -3rem;
+	top: -3rem;
+	width: 12rem;
+	height: 12rem;
+	background: rgba(255, 255, 255, 0.1);
+	border-radius: 50%;
+	filter: blur(3rem);
+	transition: transform 0.7s ease;
+}
+
+.cw-result-card:hover .cw-card-glow {
+	transform: scale(1.25);
+}
+
+.cw-card-content {
+	position: relative;
+	z-index: 10;
+	display: flex;
+	flex-direction: column;
+	gap: 1.5rem;
+	text-align: center;
+}
+
+.cw-icon-container {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	height: 6rem;
+}
+
+.cw-result-icon {
+	display: none;
+}
+
+.cw-result-icon:not(.cw-hidden) {
+	display: block;
+}
+
+.cw-result-label {
+	font-size: 0.625rem;
+	font-weight: 900;
+	text-transform: uppercase;
+	letter-spacing: 0.3em;
+	color: rgba(255, 255, 255, 0.4);
+	margin-bottom: 0.5rem;
+}
+
+.cw-result-name {
+	font-size: 1.875rem;
+	font-weight: 900;
+	letter-spacing: -0.02em;
+	margin: 0;
+}
+
+.cw-result-tag {
+	font-size: 0.75rem;
+	font-weight: 500;
+	color: rgba(255, 255, 255, 0.6);
+	margin: 0;
+}
+
+.cw-result-details {
+	display: none;
+	grid-template-columns: 1fr 1fr;
+	gap: 0.75rem;
+	padding-top: 1rem;
+	border-top: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.cw-result-details:not(.cw-hidden) {
+	display: grid;
+}
+
+.cw-detail-box {
+	background: rgba(255, 255, 255, 0.05);
+	border: 1px solid rgba(255, 255, 255, 0.05);
+	border-radius: 0.75rem;
+	padding: 0.75rem;
+}
+
+.cw-detail-label {
+	font-size: 0.5rem;
+	font-weight: 900;
+	text-transform: uppercase;
+	letter-spacing: 0.1em;
+	display: block;
+	margin-bottom: 0.25rem;
+}
+
+.cw-detail-text {
+	font-size: 0.625rem;
+	line-height: 1.4;
+	color: rgba(255, 255, 255, 0.9);
+	margin: 0;
+}
+
+.cw-tip-card {
+	background: var(--cw-bg-app);
+	border: 1px solid var(--cw-border);
+	border-radius: var(--cw-radius);
+	padding: 1.5rem;
+	display: flex;
+	flex-direction: column;
+	gap: 1rem;
+}
+
+.cw-tip-header {
+	display: flex;
+	align-items: center;
+	gap: 0.75rem;
+}
+
+.cw-tip-icon {
+	padding: 0.5rem;
+	background: var(--cw-primary-light);
+	border-radius: 0.75rem;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	color: var(--cw-primary);
+	flex-shrink: 0;
+}
+
+.theme-dark .cw-tip-icon {
+	background: hsl(240deg, 100%, 20%);
+}
+
+.cw-tip-title {
+	font-size: 0.875rem;
+	font-weight: 900;
+	color: var(--cw-text-main);
+	text-transform: uppercase;
+	letter-spacing: 0.05em;
+}
+
+.cw-tip-text {
+	font-size: 0.6875rem;
+	line-height: 1.6;
+	color: var(--cw-text-muted);
+	font-weight: 400;
+	font-style: italic;
+	background: rgba(var(--cw-primary-rgb, 99, 102, 241), 0.03);
+	padding: 1.25rem;
+	border-radius: 0.75rem;
+	border: 1px solid var(--cw-border);
+	margin: 0;
+}
+
+.theme-dark .cw-tip-text {
+	color: var(--cw-text-main);
+	background: rgba(255, 255, 255, 0.03);
+}
 
-	.theme-dark {
-		--cw-bg-card: hsl(217deg, 33%, 12%);
-		--cw-bg-app: hsl(217deg, 39%, 8%);
-		--cw-border: hsl(217deg, 33%, 25%);
-		--cw-text-main: hsl(210deg, 40%, 98%);
-		--cw-text-muted: hsl(210deg, 14%, 75%);
-		--cw-text-light: hsl(210deg, 40%, 98%);
-		--cw-primary-light: hsl(240deg, 100%, 20%);
-	}
+.cw-hidden {
+	display: none;
+}

package/src/tool/cookware-guide/i18n/de.ts

@@ -1,4 +1,5 @@
 import type { ToolLocaleContent } from '../../../types';
+import { bibliography } from '../bibliography';
 
 const title = "Intelligenter Pfannen Finder: Kochgeschirr Leitfaden";
 const description = "Interaktiver Leitfaden zur Auswahl der besten Pfanne oder des besten Topfes passend zu Ihrem Kochstil. Eisen vs. Stahl vs. Teflon. Finden Sie Ihr perfektes Werkzeug.";
@@ -76,23 +77,7 @@ export const content: ToolLocaleContent = {
   title: 'Intelligenter Pfannen Finder: Kochgeschirr Leitfaden',
   description: 'Interaktiver Leitfaden zur Auswahl der besten Pfanne oder des besten Topfes passend zu Ihrem Kochstil. Eisen vs. Stahl vs. Teflon. Finden Sie Ihr perfektes Werkzeug.',
   faqTitle: 'Häufig gestellte Fragen',
-  faq,
-  bibliographyTitle: 'Bibliographie',
-  bibliography: [
-    {
-      name: 'The Flavor Bible - Pairing, and Progress in Food',
-      url: 'https://www.flavorprints.com/',
-    },
-    {
-      name: 'On Food and Cooking - Harold McGee',
-      url: 'https://www.foodscience.org/',
-    },
-    {
-      name: 'Salt Fat Acid Heat - Samin Nosrat',
-      url: 'https://www.saltfatacidheat.com/',
-    },
-  ],
-  howTo,
+  faq,  howTo,
   seo: [
     {
       type: 'title',
@@ -196,5 +181,6 @@ export const content: ToolLocaleContent = {
     enamelCon: 'Sehr teuer. Emaille ist stoßempfindlich.',
     enamelTip: 'Perfekt für endlose Schmorgerichte. Die Emaille erlaubt problemloses Kochen mit Säuren (Tomate).',
   },
+  bibliography,
   schemas: [faqSchema, howToSchema, appSchema],
 };

package/src/tool/cookware-guide/i18n/en.ts

@@ -1,4 +1,5 @@
 import type { ToolLocaleContent } from '../../../types';
+import { bibliography } from '../bibliography';
 
 const title = "Smart Cookware Selector: Kitchen Utensils Guide";
 const description = "Interactive guide to choose the best pan or pot based on your cooking style. Iron vs Stainless Steel vs Teflon. Find your perfect tool.";
@@ -97,23 +98,7 @@ export const content: ToolLocaleContent = {
       question: 'How much should I spend on a good pan?',
       answer: 'A set of 2-3 medium-high quality pans (stainless or iron) can last 20+ years. It\'s better to invest well in one pan than to buy 5 cheap ones lasting 2 years. Quality over quantity.',
     },
-  ],
-  bibliographyTitle: 'Bibliography',
-  bibliography: [
-    {
-      name: 'The Flavor Bible - Pairing and Progress in Food',
-      url: 'https://www.flavorprints.com/',
-    },
-    {
-      name: 'On Food and Cooking - Harold McGee (The Science of Cooking)',
-      url: 'https://www.foodscience.org/',
-    },
-    {
-      name: 'Salt Fat Acid Heat - Samin Nosrat',
-      url: 'https://www.saltfatacidheat.com/',
-    },
-  ],
-  howTo: [
+  ],  howTo: [
     {
       name: 'Select your cooking style',
       text: 'Choose between high heat (searing), delicate (eggs), stews (slow cooking) or quick cooking. Each style has distinct requirements.',
@@ -230,5 +215,6 @@ export const content: ToolLocaleContent = {
     enamelCon: 'Very expensive. Enamel fragile to hard impacts.',
     enamelTip: 'Perfect for endless braises. Enamel handles acids (tomato) without issues.',
   },
+  bibliography,
   schemas: [faqSchema, howToSchema, appSchema],
 };

package/src/tool/cookware-guide/i18n/es.ts

@@ -1,4 +1,5 @@
 import type { ToolLocaleContent } from '../../../types';
+import { bibliography } from '../bibliography';
 
 const title = "Selector de Sartenes Inteligente: Guía de Utensilios de Cocina";
 const description = "Guía interactiva para elegir la mejor sartén u olla según tu estilo de cocina. Hierro vs Acero vs Teflón. Encuentra tu herramienta perfecta.";
@@ -97,23 +98,7 @@ export const content: ToolLocaleContent = {
       question: '¿Cuánto debo gastar en una buena sartén?',
       answer: 'Un set de 2-3 sartenes de calidad media-alta (acero inoxidable o hierro) puede durar 20+ años. Es mejor invertir bien una sola sartén que comprar 5 baratas que duran 2 años. Calidad sobre cantidad.',
     },
-  ],
-  bibliographyTitle: 'Bibliografía',
-  bibliography: [
-    {
-      name: 'The Flavor Bible - Pairing, and Progress in Food',
-      url: 'https://www.flavorprints.com/',
-    },
-    {
-      name: 'On Food and Cooking - Harold McGee (La Ciencia de la Cocina)',
-      url: 'https://www.foodscience.org/',
-    },
-    {
-      name: 'Salt Fat Acid Heat - Samin Nosrat',
-      url: 'https://www.saltfatacidheat.com/',
-    },
-  ],
-  howTo: [
+  ],  howTo: [
     {
       name: 'Selecciona tu estilo de cocina',
       text: 'Elige entre fuego alto (dorar), delicado (huevos), guisos (cocción lenta) o cocina rápida. Cada estilo tiene requirements distintos.',
@@ -230,5 +215,6 @@ export const content: ToolLocaleContent = {
     enamelCon: 'Muy cara. Esmalte frágil a golpes secos.',
     enamelTip: 'Perfecta para guisos interminables. El esmalte permite cocinar ácidos (tomate) sin problemas.',
   },
+  bibliography,
   schemas: [faqSchema, howToSchema, appSchema],
 };