@jjlmoya/utils-cooking 1.30.0 → 1.31.0

package/src/tool/ice-cream-pac-pod/component.astro

@@ -180,11 +180,49 @@ const { ui } = Astro.props;
     return { totalPAC, totalPOD, solidsPercentage: solidsPct, targetPAC };
   }
 
+  const STORAGE_KEY = 'cooking-ice-cream-state';
+
+  function saveState() {
+    const state = {
+      activeUnit,
+      base: baseInput.value,
+      temp: tempInput.value,
+      sucrose: sucroseInput.value,
+      dextrose: dextroseInput.value,
+      glucose: glucoseInput.value,
+      inverted: invertedInput.value,
+      trehalose: trehaloseInput.value
+    };
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(state));
+  }
+
+  function loadState() {
+    try {
+      const state = JSON.parse(localStorage.getItem(STORAGE_KEY) || '{}');
+      if (state.activeUnit) {
+        activeUnit = state.activeUnit;
+        imperialBtn.classList.toggle('active', state.activeUnit === 'imperial');
+        metricBtn.classList.toggle('active', state.activeUnit === 'metric');
+        if (state.activeUnit === 'imperial') {
+          document.querySelectorAll('.weight-unit-label').forEach(l => l.textContent = ui.ozLabel);
+          document.querySelectorAll('.temp-unit-label').forEach(t => t.textContent = ui.fLabel);
+          tempSlider.min = '-13'; tempSlider.max = '23';
+        }
+      }
+      const sliderPairs = [['base', baseInput, baseSlider], ['temp', tempInput, tempSlider],
+        ['sucrose', sucroseInput, sucroseSlider], ['dextrose', dextroseInput, dextroseSlider],
+        ['glucose', glucoseInput, glucoseSlider], ['inverted', invertedInput, invertedSlider],
+        ['trehalose', trehaloseInput, trehaloseSlider]];
+      sliderPairs.forEach(([key, input, slider]) => { if (state[key]) { input.value = state[key]; slider.value = state[key]; } });
+    } catch {}
+  }
+
   function updateView() {
     const v = readValues();
     const metrics = computeMetrics(v);
     const state = computeState(metrics.totalPAC, metrics.targetPAC);
     updateUI(state, metrics);
+    saveState();
   }
 
   function convertInputs(targetUnit, inputs, sliders) {
@@ -247,6 +285,7 @@ const { ui } = Astro.props;
     updateView();
   });
 
+  loadState();
   updateView();
 </script>
 

package/src/tool/spherification-bath-calculator/component.astro

@@ -124,6 +124,41 @@ const { ui } = Astro.props;
     };
   }
 
+  const STORAGE_KEY = 'cooking-spherification-state';
+
+  function saveState() {
+    const state = {
+      activeUnit,
+      activeMethod,
+      useXanthan,
+      useCitrate,
+      baseWeight: baseInput.value,
+      bathWeight: bathInput.value
+    };
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(state));
+  }
+
+  function loadState() {
+    try {
+      const data = localStorage.getItem(STORAGE_KEY);
+      if (!data) return;
+      const state = JSON.parse(data);
+      if (state.activeUnit) activeUnit = state.activeUnit;
+      if (state.activeMethod) activeMethod = state.activeMethod;
+      [['xanthanBtn', 'xanthan-switch-circle', 'useXanthan'],
+        ['citrateBtn', 'citrate-switch-circle', 'useCitrate']].forEach(([btnId, circleId, key]) => {
+        if (state[key]) {
+          if (key === 'useXanthan') useXanthan = true; else useCitrate = true;
+          document.getElementById(btnId).classList.add('active');
+          document.getElementById(circleId).classList.add('active');
+        }
+      });
+      [['baseWeight', baseInput], ['bathWeight', bathInput]].forEach(([key, el]) => {
+        if (state[key]) el.value = state[key];
+      });
+    } catch {}
+  }
+
   function updateView() {
     let baseWeight = Math.max(0, parseFloat(baseInput.value) || 0);
     let bathWeight = Math.max(0, parseFloat(bathInput.value) || 0);
@@ -137,6 +172,7 @@ const { ui } = Astro.props;
     const displayFactor = activeUnit === 'imperial' ? 0.035274 : 1.0;
     updateRecipeList(result, displayFactor);
     updateReactorUI();
+    saveState();
   }
 
   function convertInputsTo(targetUnit) {
@@ -209,5 +245,6 @@ const { ui } = Astro.props;
   baseInput.addEventListener('input', updateView);
   bathInput.addEventListener('input', updateView);
 
+  loadState();
   updateView();
 </script>

package/src/tools.ts

@@ -16,6 +16,7 @@ import { YEAST_CONVERTER_TOOL } from './tool/yeast-converter';
 import { LACTO_FERMENTATION_SALT_TOOL } from './tool/lacto-fermentation-salt-calculator';
 import { SPHERIFICATION_BATH_TOOL } from './tool/spherification-bath-calculator';
 import { ICE_CREAM_PAC_POD_TOOL } from './tool/ice-cream-pac-pod';
+import { BOTULISM_CANNING_SAFETY_TOOL } from './tool/botulism-canning-safety';
 
 export const ALL_TOOLS: ToolDefinition[] = [
   AMERICAN_KITCHEN_CONVERTER_TOOL,
@@ -34,5 +35,6 @@ export const ALL_TOOLS: ToolDefinition[] = [
   LACTO_FERMENTATION_SALT_TOOL,
   SPHERIFICATION_BATH_TOOL,
   ICE_CREAM_PAC_POD_TOOL,
+  BOTULISM_CANNING_SAFETY_TOOL,
 ];