@jjlmoya/utils-cooking 1.2.0

package/src/tool/ingredient-rescaler/IngredientRescaler.css

@@ -0,0 +1,308 @@
+:root {
+	--ir-primary: hsl(220deg, 90%, 56%);
+	--ir-primary-light: hsl(220deg, 90%, 92%);
+	--ir-primary-dark: hsl(220deg, 85%, 45%);
+	--ir-success: hsl(142deg, 72%, 45%);
+	--ir-danger: hsl(0deg, 84%, 60%);
+	--ir-bg-card: hsl(0deg, 0%, 100%);
+	--ir-bg-app: hsl(210deg, 20%, 98%);
+	--ir-border: hsl(210deg, 20%, 90%);
+	--ir-text-main: hsl(210deg, 30%, 20%);
+	--ir-text-muted: hsl(210deg, 15%, 50%);
+	--ir-text-disabled: hsl(210deg, 15%, 75%);
+	--ir-shadow-sm: 0 1px 2px 0 rgb(0, 0, 0, 0.05);
+	--ir-shadow-md: 0 4px 6px -1px rgb(0, 0, 0, 0.1), 0 2px 4px -2px rgb(0, 0, 0, 0.1);
+	--ir-shadow-lg: 0 10px 15px -3px rgb(0, 0, 0, 0.1), 0 4px 6px -4px rgb(0, 0, 0, 0.1);
+	--ir-radius: 1rem;
+	--ir-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.theme-dark {
+	--ir-bg-card: hsl(220deg, 25%, 12%);
+	--ir-bg-app: hsl(220deg, 30%, 7%);
+	--ir-border: hsl(220deg, 20%, 20%);
+	--ir-text-main: hsl(210deg, 20%, 95%);
+	--ir-text-muted: hsl(210deg, 15%, 70%);
+	--ir-text-disabled: hsl(210deg, 15%, 50%);
+	--ir-primary-light: hsl(220deg, 90%, 12%);
+}
+
+.ingredient-rescaler-container {
+	max-width: 100%;
+	padding: 1.5rem;
+	background: var(--ir-bg-card);
+	border: 1px solid var(--ir-border);
+	border-radius: var(--ir-radius);
+	box-shadow: var(--ir-shadow-lg);
+}
+
+.ir-grid {
+	display: grid;
+	grid-template-columns: 1fr;
+	gap: 2rem;
+	margin-bottom: 2rem;
+}
+
+@media (min-width: 768px) {
+	.ir-grid {
+		grid-template-columns: 1fr 1fr;
+	}
+}
+
+.ir-section {
+	background: var(--ir-bg-app);
+	padding: 1.5rem;
+	border-radius: 1.25rem;
+	border: 1px solid var(--ir-border);
+}
+
+.ir-section-primary {
+	background: var(--ir-bg-card);
+	border: 2px solid var(--ir-primary);
+}
+
+.ir-section-title {
+	font-size: 1.125rem;
+	font-weight: 700;
+	color: var(--ir-text-main);
+	margin-bottom: 1rem;
+	display: flex;
+	align-items: center;
+	gap: 0.5rem;
+}
+
+.ir-section-primary .ir-section-title {
+	color: var(--ir-primary);
+}
+
+.ir-fields {
+	display: grid;
+	grid-template-columns: 1fr 1fr;
+	gap: 1rem;
+	margin-bottom: 1.5rem;
+}
+
+.ir-field {
+	display: flex;
+	flex-direction: column;
+	gap: 0.5rem;
+}
+
+.ir-label {
+	font-size: 0.75rem;
+	font-weight: 700;
+	color: var(--ir-text-muted);
+	text-transform: uppercase;
+	letter-spacing: 0.05em;
+}
+
+.ir-input {
+	width: 100%;
+	padding: 0.75rem 1rem;
+	border-radius: 0.75rem;
+	border: 1px solid var(--ir-border);
+	background: var(--ir-bg-card);
+	color: var(--ir-text-main);
+	font-weight: 600;
+	font-size: 1.125rem;
+	text-align: center;
+	transition: var(--ir-transition);
+}
+
+.ir-input:focus {
+	outline: none;
+	border-color: var(--ir-primary);
+	box-shadow: 0 0 0 3px hsl(25deg, 95%, 53%, 0.1);
+}
+
+.ir-factor-display {
+	margin-top: 1rem;
+	padding: 1rem;
+	background: var(--ir-primary-light);
+	border-radius: 0.75rem;
+	border: 1px solid var(--ir-primary);
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.ir-factor-label {
+	font-size: 0.875rem;
+	font-weight: 600;
+	color: var(--ir-text-muted);
+}
+
+.ir-factor-value {
+	font-size: 2rem;
+	font-weight: 800;
+	color: var(--ir-primary);
+}
+
+.ir-textarea-container {
+	display: flex;
+	flex-direction: column;
+	height: 100%;
+	gap: 0.5rem;
+}
+
+.ir-textarea {
+	width: 100%;
+	flex: 1;
+	min-height: 200px;
+	padding: 1rem;
+	border-radius: 0.75rem;
+	border: 1px solid var(--ir-border);
+	background: var(--ir-bg-card);
+	color: var(--ir-text-main);
+	font-size: 0.875rem;
+	resize: none;
+	line-height: 1.6;
+	transition: var(--ir-transition);
+}
+
+.ir-textarea:focus {
+	outline: none;
+	border-color: var(--ir-primary);
+	box-shadow: 0 0 0 3px hsl(25deg, 95%, 53%, 0.1);
+}
+
+.ir-textarea::placeholder {
+	color: var(--ir-text-disabled);
+}
+
+.ir-results-card {
+	background: var(--ir-text-main);
+	border-radius: 1.25rem;
+	border: 1px solid var(--ir-border);
+	overflow: hidden;
+	box-shadow: var(--ir-shadow-md);
+}
+
+.ir-results-header {
+	padding: 1rem 1.5rem;
+	background: hsl(210deg, 30%, 15%);
+	border-bottom: 1px solid hsl(210deg, 30%, 25%);
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.theme-dark .ir-results-header {
+	background: hsl(220deg, 25%, 8%);
+	border-bottom-color: hsl(220deg, 25%, 20%);
+}
+
+.ir-results-title {
+	color: var(--ir-bg-card);
+	font-weight: 700;
+	display: flex;
+	align-items: center;
+	gap: 0.5rem;
+}
+
+.ir-copy-btn {
+	font-size: 0.75rem;
+	background: hsl(210deg, 30%, 35%);
+	color: var(--ir-bg-card);
+	padding: 0.5rem 1rem;
+	border-radius: 0.5rem;
+	border: none;
+	cursor: pointer;
+	transition: var(--ir-transition);
+	font-weight: 600;
+	display: flex;
+	align-items: center;
+	gap: 0.5rem;
+}
+
+.theme-dark .ir-copy-btn {
+	background: hsl(220deg, 25%, 30%);
+}
+
+.ir-copy-btn:hover {
+	background: hsl(210deg, 30%, 45%);
+}
+
+.theme-dark .ir-copy-btn:hover {
+	background: hsl(220deg, 25%, 40%);
+}
+
+.ir-copy-btn.ir-copied {
+	background: var(--ir-success);
+}
+
+.ir-copy-btn.ir-copied:hover {
+	background: hsl(142deg, 72%, 35%);
+}
+
+.ir-results-container {
+	padding: 2rem;
+	font-size: 1rem;
+	display: flex;
+	flex-direction: column;
+	gap: 0.75rem;
+	min-height: 200px;
+	background: var(--ir-bg-card);
+	color: var(--ir-text-main);
+}
+
+.ir-empty-state {
+	height: 100%;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: 1rem;
+	opacity: 0.5;
+	color: var(--ir-text-muted);
+}
+
+.ir-empty-icon {
+	width: 3rem;
+	height: 3rem;
+}
+
+.ir-result-row {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	background: var(--ir-bg-app);
+	padding: 0.75rem;
+	border-radius: 0.5rem;
+	border-left: 4px solid transparent;
+	transition: var(--ir-transition);
+}
+
+.ir-result-row:hover {
+	background: var(--ir-primary-light);
+	border-left-color: var(--ir-primary);
+}
+
+.ir-original-amount {
+	color: var(--ir-text-disabled);
+	font-size: 0.75rem;
+	text-decoration: line-through;
+	opacity: 0.75;
+	max-width: 30%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.ir-new-amount {
+	font-weight: 500;
+	color: var(--ir-text-main);
+}
+
+.ir-new-value {
+	color: var(--ir-primary);
+	font-weight: 800;
+	font-size: 1.125rem;
+}
+
+.ir-no-amount-row {
+	color: var(--ir-text-muted);
+	font-style: italic;
+	font-size: 0.875rem;
+	padding: 0.5rem;
+	background: transparent;
+}

package/src/tool/ingredient-rescaler/bibliography.astro

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

package/src/tool/ingredient-rescaler/component.astro

@@ -0,0 +1,107 @@
+---
+import { Icon } from 'astro-icon/components';
+import './IngredientRescaler.css';
+
+interface Props {
+	ui: Record<string, string>;
+}
+
+const { ui } = Astro.props;
+const placeholderText = `${ui.pasteHere}
+${ui.exampleLine1}
+${ui.exampleLine2}
+${ui.exampleLine3}
+${ui.exampleLine4}`;
+---
+
+<div class="ingredient-rescaler-container">
+	<div class="ir-grid" id="calculator-interface">
+		<div>
+			<section class="ir-section ir-section-primary">
+				<h3 class="ir-section-title">
+					<span>1.</span> {ui.servings}
+				</h3>
+
+				<div class="ir-fields">
+					<div class="ir-field">
+						<label for="original-servings" class="ir-label">{ui.original}</label>
+						<input
+							type="number"
+							id="original-servings"
+							value="4"
+							min="1"
+							class="ir-input"
+						/>
+					</div>
+					<div class="ir-field">
+						<label for="target-servings" class="ir-label">{ui.desired}</label>
+						<input
+							type="number"
+							id="target-servings"
+							value="7"
+							min="1"
+							class="ir-input"
+						/>
+					</div>
+				</div>
+
+				<div class="ir-factor-display">
+					<span class="ir-factor-label">{ui.multiplyingFactor}</span>
+					<span id="multiplier-display" class="ir-factor-value">1.75x</span>
+				</div>
+			</section>
+		</div>
+
+		<div class="ir-textarea-container">
+			<section class="ir-section">
+				<h3 class="ir-section-title">
+					<span>2.</span> {ui.ingredientsList}
+				</h3>
+
+				<textarea
+					id="ingredients-input"
+					placeholder={placeholderText}
+					class="ir-textarea"
+					spellcheck="false"
+				></textarea>
+			</section>
+		</div>
+	</div>
+
+	<div class="ir-results-card">
+		<div class="ir-results-header">
+			<h3 class="ir-results-title">
+				<Icon name="mdi:chef-hat" /> {ui.result}
+			</h3>
+			<button id="copy-btn" class="ir-copy-btn ir-default">
+				<Icon name="mdi:content-copy" /> {ui.copy}
+			</button>
+		</div>
+
+		<div id="results-container" class="ir-results-container">
+			<div class="ir-empty-state">
+				<Icon name="mdi:pot-steam" class="ir-empty-icon" />
+				<p>{ui.emptyState}</p>
+			</div>
+		</div>
+	</div>
+</div>
+
+<script>
+	import { initIngredientRescaler } from './init';
+	window.__initIngredientRescaler = initIngredientRescaler;
+</script>
+
+<script define:vars={{ ui }}>
+	const init = () => {
+		if (window.__initIngredientRescaler) {
+			window.__initIngredientRescaler(ui);
+		}
+	};
+
+	if (document.readyState === 'loading') {
+		document.addEventListener('DOMContentLoaded', init);
+	} else {
+		init();
+	}
+</script>

package/src/tool/ingredient-rescaler/i18n/en.ts

@@ -0,0 +1,265 @@
+import type { ToolLocaleContent } from '../../../types';
+
+export const content: ToolLocaleContent = {
+  slug: "recipe-ingredient-scaler-converter-servings",
+  title: "Professional Recipe Ingredient Scaler",
+  description:
+    "Automatically scale your recipes based on serving count. Calculate exact ingredient amounts to multiply or reduce any recipe with professional precision.",
+  ui: {
+    servings: "Servings",
+    original: "Original",
+    desired: "Desired",
+    multiplyingFactor: "Conversion Factor",
+    ingredientsList: "Ingredient List",
+    pasteHere: "Paste your ingredients here.",
+    exampleLine1: "Ex:",
+    exampleLine2: "500g Flour",
+    exampleLine3: "300ml Water",
+    exampleLine4: "10g Salt",
+    result: "Result",
+    copy: "Copy",
+    copied: "Copied!",
+    emptyState: "Your adjusted ingredients will appear here...",
+    defaultIngredient1: "200g Flour",
+    defaultIngredient2: "100ml Milk",
+    defaultIngredient3: "2 Eggs",
+  },
+  faqTitle: "Frequently Asked Questions",
+  faq: [
+    {
+      question: "Why does my conversion factor include decimals?",
+      answer: "Because culinary proportions aren't always whole numbers. If you scale a 4-person recipe for 7 people, the factor is exactly 1.75. Multiplying by this specific ratio is more accurate than arbitrary rounding.",
+    },
+    {
+      question: "How do I handle fractions like '1/2 tsp'?",
+      answer: "The parser automatically identifies numbers. It will read '1/2' as '0.5' and scale it accordingly. For maximum clarity, you can also enter decimals directly.",
+    },
+    {
+      question: "Should I round the final results?",
+      answer: "It depends on the ingredient. For flours and liquids, yes. For potent spices or yeast, we recommend scaling to about 75% of the calculated total to avoid overpowering the dish.",
+    },
+    {
+      question: "Does it work with cups and ounces?",
+      answer: "Yes, the tool scales any numerical value. However, we strongly recommend converting to grams first for professional-grade consistency across larger batches.",
+    },
+  ],
+  bibliographyTitle: "Bibliography & Resources",
+  bibliography: [
+    {
+      name: "Harold McGee - On Food and Cooking",
+      url: "https://en.wikipedia.org/wiki/Harold_McGee",
+    },
+    {
+      name: "The Flavor Bible - Page & Dornenburg",
+      url: "https://www.flavorprints.com/",
+    },
+    {
+      name: "Modernist Cuisine - Scaling Techniques",
+      url: "https://www.modernistcuisine.com/",
+    },
+  ],
+  howTo: [
+    {
+      name: "Enter your servings count",
+      text: "Define how many people the recipe was originally for, and how many you want to cook for now.",
+    },
+    {
+      name: "Paste your ingredient list",
+      text: "Copy and paste your entire list. Our tool recognizes numbers at the start of each line (e.g., 500g, 1/2, 2.5) and scales them instantly.",
+    },
+    {
+      name: "Apply professional adjustments",
+      text: "Math is exact, but cooking is situational. Scale spices to 75%. Don't scale cooking times. Use your chef's intuition for the final touch.",
+    },
+  ],
+  seo: [
+    {
+      type: "title",
+      text: "Master Guide for Recipe Scaling and Converter Logic",
+      level: 2,
+    },
+    {
+      type: "paragraph",
+      html: "<strong>Ingredient scaling</strong> is one of the most critical yet error-prone tasks in professional kitchens. It's not just about multiplying numbers; it's about understanding how food chemistry and physics react to changes in volume and surface area.",
+    },
+    {
+      type: "stats",
+      columns: 4,
+      items: [
+        {
+          value: "x1.75",
+          label: "Factor 4 to 7 per.",
+          icon: "mdi:calculator",
+        },
+        {
+          value: "75%",
+          label: "Spice Adjustment",
+          icon: "mdi:shaker-outline",
+        },
+        {
+          value: "0%",
+          label: "Time Scaling",
+          icon: "mdi:timer-off",
+        },
+        {
+          value: "100g",
+          label: "Reference Base",
+          icon: "mdi:weight-gram",
+        },
+      ],
+    },
+    {
+      type: "title",
+      text: "Differences Between Linear and Contextual Scaling",
+      level: 3,
+    },
+    {
+      type: "comparative",
+      columns: 2,
+      items: [
+        {
+          title: "Mathematical Linear Scaling",
+          icon: "mdi:math-log",
+          description: "Direct multiplication of all values by the calculated conversion factor.",
+          points: [
+            "Perfect for flour and base liquids",
+            "Ideal for cold precision pastry",
+            "Works well for small shifts (x2, x0.5)",
+            "Easy to calculate automatically",
+          ],
+        },
+        {
+          title: "Chef's Contextual Scaling",
+          icon: "mdi:chef-hat",
+          description: "Adjusting proportions based on flavor saturation and evaporation.",
+          highlight: true,
+          points: [
+            "Prevents excess salt and spice levels",
+            "Considers evaporation surface area",
+            "Adjusts yeast based on friction heat",
+            "Requires professional culinary judgment",
+          ],
+        },
+      ],
+    },
+    {
+      type: "title",
+      text: "Common Conversion Factors by Serving Size",
+      level: 3,
+    },
+    {
+      type: "table",
+      headers: ["From Servings", "To Servings", "Factor (CF)", "Adjustment Difficulty"],
+      rows: [
+        ["2 persons", "4 persons", "x 2.0", "Low (Linear)"],
+        ["4 persons", "6 persons", "x 1.5", "Low (Linear)"],
+        ["4 persons", "10 persons", "x 2.5", "Medium (Watch spices)"],
+        ["4 persons", "25 persons", "x 6.25", "High (Contextual)"],
+      ],
+    },
+    {
+      type: "diagnostic",
+      variant: "warning",
+      title: "Common Pitfalls When Doubling a Recipe",
+      html: "If you notice flavors becoming too intense after scaling—especially with chili or salt—reduce the specific scale for those ingredients to 75%. Never double the cooking time; internal temperature is reached based on thickness, not total batch weight.",
+    },
+    {
+      type: "title",
+      text: "Standardization Terminology Glossary",
+      level: 3,
+    },
+    {
+      type: "glossary",
+      items: [
+        {
+          term: "Conversion Factor",
+          definition: "The number used to multiply ingredients: Desired Quantity / Original Quantity.",
+        },
+        {
+          term: "Cooking Shrinkage",
+          definition: "Weight loss due to evaporation or fat loss. This does not scale linearly with batch size.",
+        },
+        {
+          term: "Gross vs Net Weight",
+          definition: "Weight before and after cleaning. Always scale based on the recipe's specified net weight.",
+        },
+        {
+          term: "Batch Yield",
+          definition: "The total amount of finished product after scaling and cooking processes.",
+        },
+      ],
+    },
+    {
+      type: "tip",
+      title: "The Beaten Egg Trick",
+      html: "If the calculator asks for 2.3 eggs, beat one whole egg, weigh it, and use only 30% of that weight. This is the only way to maintain precision in fine pâtisserie.",
+    },
+    {
+      type: "paragraph",
+      html: "Our tool simplifies the math so you can focus on what truly matters: creativity and flavor.",
+    },
+  ],
+
+  schemas: [
+    {
+      '@context': 'https://schema.org',
+      '@type': 'WebApplication',
+      name: 'Ingredient Rescaler',
+      description: 'Scale recipes automatically based on the number of servings. Calculate exact ingredient quantities by multiplying or reducing your recipe without complications.',
+      url: 'https://jjlmoya.es/en/ingredient-rescaler',
+      applicationCategory: 'Utilities',
+      inLanguage: 'en-US',
+      offers: {
+        '@type': 'Offer',
+        price: '0',
+        priceCurrency: 'EUR',
+      },
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'Article',
+      headline: 'Ingredient Rescaler - Scale Your Recipes Easily',
+      description: 'Scale recipes automatically based on the number of servings. Calculate exact ingredient quantities by multiplying or reducing your recipe without complications.',
+      author: {
+        '@type': 'Person',
+        name: 'jjlmoya',
+      },
+      inLanguage: 'en-US',
+      isPartOf: {
+        '@type': 'WebSite',
+        name: 'jjlmoya Utilities',
+        url: 'https://jjlmoya.es',
+      },
+    },
+    {
+      '@context': 'https://schema.org',
+      '@type': 'BreadcrumbList',
+      itemListElement: [
+        {
+          '@type': 'ListItem',
+          position: 1,
+          name: 'Home',
+          item: 'https://jjlmoya.es/en',
+        },
+        {
+          '@type': 'ListItem',
+          position: 2,
+          name: 'Utilities',
+          item: 'https://jjlmoya.es/en/utilities',
+        },
+        {
+          '@type': 'ListItem',
+          position: 3,
+          name: 'Cooking',
+          item: 'https://jjlmoya.es/en/cooking',
+        },
+        {
+          '@type': 'ListItem',
+          position: 4,
+          name: 'Ingredient Rescaler',
+          item: 'https://jjlmoya.es/en/ingredient-rescaler',
+        },
+      ],
+    },
+  ],
+};