@recipe-book/react 0.0.1 → 0.0.3

package/dist/chunk-2S2Z4HLL.mjs

@@ -0,0 +1,46 @@
+import {
+  useGlobalContext
+} from "./chunk-SEXTT3NJ.mjs";
+import {
+  RecipeContextProvider
+} from "./chunk-A5JAKCMG.mjs";
+
+// src/components/root.tsx
+import { RecipeUtils } from "@recipe-book/core";
+import { useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+function Root(props) {
+  const [servings, setServings] = useState(1);
+  const { config: globalConfig } = useGlobalContext();
+  const recipe = useMemo(() => {
+    const finalConfig = {
+      ...globalConfig,
+      ...props.recipe
+    };
+    const _recipe = RecipeUtils.create(finalConfig);
+    return {
+      ..._recipe,
+      ingredients: _recipe.ingredients.map((ingredient) => ({
+        ...ingredient,
+        amount: {
+          ...ingredient.amount,
+          // scale the amount by the number of servings
+          value: ingredient.amount.value * servings
+        }
+      }))
+    };
+  }, [globalConfig, props.recipe]);
+  return /* @__PURE__ */ jsx(
+    RecipeContextProvider,
+    {
+      recipe,
+      servings,
+      setServings,
+      children: props.children
+    }
+  );
+}
+
+export {
+  Root
+};

package/dist/chunk-2VMRVR3X.mjs

@@ -0,0 +1 @@
+import{a as s}from"./chunk-PBENQR7Y.mjs";import{jsx as i}from"react/jsx-runtime";function e(n){let{instructions:o}=s();return i("ol",{"recipe-instruction-list":"",className:n.className,children:o.map((r,t)=>i("li",{"recipe-instruction":t+1,children:r},t))})}export{e as a};

package/dist/chunk-36H6LM2B.mjs

@@ -0,0 +1,14 @@
+import {
+  useRecipeContext
+} from "./chunk-A5JAKCMG.mjs";
+
+// src/components/instructions/instruction-list.tsx
+import { jsx } from "react/jsx-runtime";
+function InstructionList(props) {
+  const { instructions } = useRecipeContext();
+  return /* @__PURE__ */ jsx("ol", { "recipe-instruction-list": "", className: props.className, children: instructions.map((instruction, i) => /* @__PURE__ */ jsx("li", { "recipe-instruction": i + 1, children: instruction }, i)) });
+}
+
+export {
+  InstructionList
+};

package/dist/{chunk-JTZVD7JV.mjs → chunk-4IWVZEXX.mjs}

@@ -1,12 +1,12 @@
 import {
   useRecipeContext
-} from "./chunk-CB36WMX5.mjs";
+} from "./chunk-A5JAKCMG.mjs";
 
 // src/components/ingredients/ingredients-list.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
-function IngredientList() {
-  const { config } = useRecipeContext();
-  return /* @__PURE__ */ jsx("ul", { "recipe-ingredient-list": "", children: config.ingredients.map((ingredient, i) => /* @__PURE__ */ jsxs("li", { "recipe-ingredient": "", children: [
+function IngredientList(props) {
+  const { ingredients } = useRecipeContext();
+  return /* @__PURE__ */ jsx("ul", { "recipe-ingredient-list": "", className: props.className, children: ingredients.map((ingredient, i) => /* @__PURE__ */ jsxs("li", { "recipe-ingredient": "", children: [
     ingredient.name,
     " \u2014 ",
     ingredient.amount.value,

package/dist/chunk-4XBZKTOL.mjs

@@ -0,0 +1 @@
+import{a as o}from"./chunk-PBENQR7Y.mjs";import{AspectRatio as l}from"@radix-ui/react-aspect-ratio";import{jsx as s}from"react/jsx-runtime";function h(t){var i,a;let{thumbnail:e,name:r}=o();if(!e)throw new Error("Missing thumbnail image. Did you forget to set one?");let n=(i=t.style)!=null?i:{};return s(l,{"recipe-thumbnail":"",className:t.className,style:{width:"100%",...n},ratio:t.aspectRatio||1,children:s("img",{"recipe-thumbnail-image":"",style:{objectFit:"cover",width:"100%",height:"100%"},src:e,alt:(a=t.alt)!=null?a:r})})}export{h as a};

package/dist/chunk-6AGILC25.mjs

@@ -0,0 +1,20 @@
+import {
+  useRecipeContext
+} from "./chunk-N53TONLF.mjs";
+
+// src/components/ingredients/ingredients-list.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function IngredientList(props) {
+  const { ingredients } = useRecipeContext();
+  return /* @__PURE__ */ jsx("ul", { "recipe-ingredient-list": "", className: props.className, children: ingredients.map((ingredient, i) => /* @__PURE__ */ jsxs("li", { "recipe-ingredient": "", children: [
+    ingredient.name,
+    " \u2014 ",
+    ingredient.amount.value,
+    " ",
+    ingredient.amount.unit
+  ] }, i)) });
+}
+
+export {
+  IngredientList
+};

package/dist/chunk-6AXGEB5P.mjs

@@ -0,0 +1,14 @@
+import {
+  useRecipeContext
+} from "./chunk-N53TONLF.mjs";
+
+// src/components/instructions/instruction-list.tsx
+import { jsx } from "react/jsx-runtime";
+function InstructionList(props) {
+  const { instructions } = useRecipeContext();
+  return /* @__PURE__ */ jsx("ol", { "recipe-instruction-list": "", className: props.className, children: instructions.map((instruction, i) => /* @__PURE__ */ jsx("li", { "recipe-instruction": i + 1, children: instruction }, i)) });
+}
+
+export {
+  InstructionList
+};

package/dist/chunk-6JEDN4VR.mjs

@@ -0,0 +1,20 @@
+import {
+  useRecipeContext
+} from "./chunk-KNXMYQVO.mjs";
+
+// src/components/ingredients/ingredients-list.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function IngredientList(props) {
+  const { ingredients } = useRecipeContext();
+  return /* @__PURE__ */ jsx("ul", { "recipe-ingredient-list": "", className: props.className, children: ingredients.map((ingredient, i) => /* @__PURE__ */ jsxs("li", { "recipe-ingredient": "", children: [
+    ingredient.name,
+    " \u2014 ",
+    ingredient.amount.value,
+    " ",
+    ingredient.amount.unit
+  ] }, i)) });
+}
+
+export {
+  IngredientList
+};

package/dist/chunk-6KLLMLNF.mjs

@@ -0,0 +1,33 @@
+import {
+  useRecipeContext
+} from "./chunk-A5JAKCMG.mjs";
+
+// src/components/ingredients/ingredients-list.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function getIngredientAmount(ingredient, conversionKey) {
+  var _a;
+  const conversion = (_a = ingredient.conversion) == null ? void 0 : _a[conversionKey];
+  if (!conversion) {
+    return ingredient.amount;
+  }
+  return conversion;
+}
+function IngredientList(props) {
+  const { ingredients, activeConversionKey } = useRecipeContext();
+  console.log("INGEDIENTS LIST:", activeConversionKey);
+  const ingredientsWithAmounts = ingredients.map((ingredient) => ({
+    ...ingredient,
+    amount: getIngredientAmount(ingredient, activeConversionKey)
+  }));
+  return /* @__PURE__ */ jsx("ul", { "recipe-ingredient-list": "", className: props.className, children: ingredientsWithAmounts.map((ingredient, i) => /* @__PURE__ */ jsxs("li", { "recipe-ingredient": "", children: [
+    ingredient.name,
+    " \u2014 ",
+    ingredient.amount.value,
+    " ",
+    ingredient.amount.unit
+  ] }, i)) });
+}
+
+export {
+  IngredientList
+};

package/dist/chunk-6LTLY5K7.mjs

@@ -0,0 +1,20 @@
+import {
+  useRecipeContext
+} from "./chunk-A5JAKCMG.mjs";
+
+// src/components/ingredients/ingredients-list.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function IngredientList(props) {
+  const { ingredients, activeConversionKey } = useRecipeContext();
+  return /* @__PURE__ */ jsx("ul", { "recipe-ingredient-list": "", className: props.className, children: ingredients.map((ingredient, i) => /* @__PURE__ */ jsxs("li", { "recipe-ingredient": "", children: [
+    ingredient.name,
+    " \u2014 ",
+    ingredient.amount.value,
+    " ",
+    ingredient.amount.unit
+  ] }, i)) });
+}
+
+export {
+  IngredientList
+};

package/dist/chunk-6RA4EVIO.mjs

@@ -0,0 +1,46 @@
+import {
+  useGlobalContext
+} from "./chunk-SEXTT3NJ.mjs";
+import {
+  RecipeContextProvider
+} from "./chunk-BOG5DA6M.mjs";
+
+// src/components/root.tsx
+import { RecipeUtils } from "@recipe-book/core";
+import { useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+function Root(props) {
+  const [servings, setServings] = useState(1);
+  const { config: globalConfig } = useGlobalContext();
+  const recipe = useMemo(() => {
+    const finalConfig = {
+      ...globalConfig,
+      ...props.recipe
+    };
+    const _recipe = RecipeUtils.create(finalConfig);
+    return {
+      ..._recipe,
+      ingredients: _recipe.ingredients.map((ingredient) => ({
+        ...ingredient,
+        amount: {
+          ...ingredient.amount,
+          // scale the amount by the number of servings
+          value: ingredient.amount.value * servings
+        }
+      }))
+    };
+  }, [globalConfig, props.recipe]);
+  return /* @__PURE__ */ jsx(
+    RecipeContextProvider,
+    {
+      recipe,
+      servings,
+      setServings,
+      children: props.children
+    }
+  );
+}
+
+export {
+  Root
+};

package/dist/chunk-75DF3E6L.mjs

@@ -0,0 +1,50 @@
+import {
+  useGlobalContext
+} from "./chunk-SEXTT3NJ.mjs";
+import {
+  RecipeContextProvider
+} from "./chunk-ENGJXHYU.mjs";
+
+// src/components/root.tsx
+import { RecipeUtils } from "@recipe-book/core";
+import { useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+function Root(props) {
+  const [servings, setServings] = useState(1);
+  const { config: globalConfig } = useGlobalContext();
+  const recipe = useMemo(() => {
+    const finalConfig = {
+      ...globalConfig,
+      ...props.recipe
+    };
+    const _recipe = RecipeUtils.create(finalConfig);
+    return {
+      ..._recipe,
+      ingredients: _recipe.ingredients.map((ingredient) => ({
+        ...ingredient,
+        amount: {
+          ...ingredient.amount,
+          // scale the amount by the number of servings
+          value: ingredient.amount.value * servings
+        },
+        conversion: typeof ingredient.conversion === "object" ? {
+          ...ingredient.conversion,
+          [finalConfig.measurements]: ingredient.amount
+        } : ingredient.conversion
+      }))
+    };
+  }, [globalConfig, props.recipe, servings]);
+  return /* @__PURE__ */ jsx(
+    RecipeContextProvider,
+    {
+      recipe,
+      servings,
+      setServings,
+      children: props.children
+    }
+  );
+}
+
+export {
+  Root
+};

package/dist/chunk-7BWMULSB.mjs

@@ -0,0 +1,55 @@
+import {
+  useRecipeContext
+} from "./chunk-ENGJXHYU.mjs";
+
+// src/components/ingredients/ingredients-list.tsx
+import {
+  IngredientUtils
+} from "@recipe-book/core";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function getIngredientAmount(ingredient, conversionKey) {
+  var _a;
+  if (!conversionKey) {
+    return ingredient.amount;
+  }
+  const conversion = (_a = ingredient.conversion) == null ? void 0 : _a[conversionKey];
+  if (!conversion) {
+    console.warn(
+      `No conversion found for ingredient "${ingredient.name}" with key "${conversionKey}"
+Attempting conversion table lookup...`
+    );
+    const coerced = IngredientUtils.convert(
+      ingredient,
+      conversionKey
+    );
+    if (coerced) {
+      return coerced.amount;
+    }
+    return ingredient.amount;
+  }
+  return conversion;
+}
+function IngredientList(props) {
+  const { ingredients, activeConversionKey, measurements } = useRecipeContext();
+  const ingredientsWithAmounts = useMemo(() => {
+    if (activeConversionKey === measurements) {
+      return ingredients;
+    }
+    return ingredients.map((ingredient) => ({
+      ...ingredient,
+      amount: getIngredientAmount(ingredient, activeConversionKey)
+    }));
+  }, [ingredients, activeConversionKey, measurements]);
+  return /* @__PURE__ */ jsx("ul", { "recipe-ingredient-list": "", className: props.className, children: ingredientsWithAmounts.map((ingredient, i) => /* @__PURE__ */ jsxs("li", { "recipe-ingredient": "", children: [
+    ingredient.name,
+    " \u2014 ",
+    ingredient.amount.value,
+    " ",
+    ingredient.amount.unit
+  ] }, i)) });
+}
+
+export {
+  IngredientList
+};

package/dist/chunk-7PPB3PM6.mjs

@@ -0,0 +1,40 @@
+import {
+  useRecipeContext
+} from "./chunk-A5JAKCMG.mjs";
+
+// src/components/ingredients/ingredients-list.tsx
+import {
+  IngredientUtils
+} from "@recipe-book/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+function getIngredientAmount(ingredient, conversionKey) {
+  var _a;
+  const conversion = (_a = ingredient.conversion) == null ? void 0 : _a[conversionKey];
+  if (!conversion) {
+    console.warn(
+      `No conversion found for ingredient "${ingredient.name}" with key "${conversionKey}"`
+    );
+    IngredientUtils.convert(ingredient, conversionKey);
+    return ingredient.amount;
+  }
+  return conversion;
+}
+function IngredientList(props) {
+  const { ingredients, activeConversionKey } = useRecipeContext();
+  console.log("INGEDIENTS LIST:", activeConversionKey);
+  const ingredientsWithAmounts = ingredients.map((ingredient) => ({
+    ...ingredient,
+    amount: getIngredientAmount(ingredient, activeConversionKey)
+  }));
+  return /* @__PURE__ */ jsx("ul", { "recipe-ingredient-list": "", className: props.className, children: ingredientsWithAmounts.map((ingredient, i) => /* @__PURE__ */ jsxs("li", { "recipe-ingredient": "", children: [
+    ingredient.name,
+    " \u2014 ",
+    ingredient.amount.value,
+    " ",
+    ingredient.amount.unit
+  ] }, i)) });
+}
+
+export {
+  IngredientList
+};

package/dist/chunk-7SBP7DC5.mjs

@@ -0,0 +1,42 @@
+// src/recipe-context.tsx
+import { createContext, useContext, useState, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var recipeContext = createContext({});
+function useRecipeContext() {
+  const ctx = useContext(recipeContext);
+  if (!ctx) {
+    throw new Error("Missing recipe context. Are you using <Recipe.Root />?");
+  }
+  return ctx;
+}
+function RecipeContextProvider({
+  children,
+  recipe,
+  servings,
+  setServings
+}) {
+  const [activeConversionKey, setActiveConversionKey] = useState();
+  const recipeContextValue = useMemo(() => {
+    return {
+      ...recipe,
+      activeConversionKey,
+      setConversionKey: (key) => {
+        setActiveConversionKey(key);
+      },
+      servings,
+      setServings
+    };
+  }, [
+    recipe,
+    activeConversionKey,
+    setActiveConversionKey,
+    servings,
+    setServings
+  ]);
+  return /* @__PURE__ */ jsx(recipeContext.Provider, { value: recipeContextValue, children });
+}
+
+export {
+  useRecipeContext,
+  RecipeContextProvider
+};

package/dist/chunk-7XJBP24U.mjs

@@ -0,0 +1,20 @@
+import {
+  useRecipeContext
+} from "./chunk-A5JAKCMG.mjs";
+
+// src/components/ingredients/ingredients-list.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function IngredientList(props) {
+  const { ingredients, servings } = useRecipeContext();
+  return /* @__PURE__ */ jsx("ul", { "recipe-ingredient-list": "", className: props.className, children: ingredients.map((ingredient, i) => /* @__PURE__ */ jsxs("li", { "recipe-ingredient": "", children: [
+    ingredient.name,
+    " \u2014 ",
+    ingredient.amount.value * servings,
+    " ",
+    ingredient.amount.unit
+  ] }, i)) });
+}
+
+export {
+  IngredientList
+};

package/dist/chunk-A5JAKCMG.mjs

@@ -0,0 +1,44 @@
+// src/recipe-context.tsx
+import { createContext, useContext, useState, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var recipeContext = createContext(
+  {}
+);
+function useRecipeContext() {
+  const ctx = useContext(recipeContext);
+  if (!ctx) {
+    throw new Error("Missing recipe context. Are you using <Recipe.Root />?");
+  }
+  return ctx;
+}
+function RecipeContextProvider({
+  children,
+  recipe,
+  servings,
+  setServings
+}) {
+  const [activeConversionKey, setActiveConversionKey] = useState();
+  const recipeContextValue = useMemo(() => {
+    return {
+      ...recipe,
+      activeConversionKey,
+      setConversionKey: (key) => {
+        setActiveConversionKey(key);
+      },
+      servings,
+      setServings
+    };
+  }, [
+    recipe,
+    activeConversionKey,
+    setActiveConversionKey,
+    servings,
+    setServings
+  ]);
+  return /* @__PURE__ */ jsx(recipeContext.Provider, { value: recipeContextValue, children });
+}
+
+export {
+  useRecipeContext,
+  RecipeContextProvider
+};

package/dist/chunk-ATOAYKI3.mjs

@@ -0,0 +1,26 @@
+import {
+  useGlobalContext
+} from "./chunk-OPOABKD6.mjs";
+import {
+  RecipeContextProvider
+} from "./chunk-MGBEDCLT.mjs";
+
+// src/components/root.tsx
+import { RecipeUtils } from "@recipe-book/core";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+function Root(props) {
+  const { config: globalConfig } = useGlobalContext();
+  const recipe = useMemo(() => {
+    const finalConfig = {
+      ...globalConfig,
+      ...props.recipe
+    };
+    return RecipeUtils.create(finalConfig);
+  }, [globalConfig, props.recipe]);
+  return /* @__PURE__ */ jsx(RecipeContextProvider, { recipe, children: props.children });
+}
+
+export {
+  Root
+};

package/dist/chunk-B5IXKKFC.mjs

@@ -0,0 +1,38 @@
+import {
+  useGlobalContext
+} from "./chunk-SEXTT3NJ.mjs";
+import {
+  RecipeContextProvider
+} from "./chunk-BOG5DA6M.mjs";
+
+// src/components/root.tsx
+import { RecipeUtils } from "@recipe-book/core";
+import { useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+function Root(props) {
+  const [servings, setServings] = useState(1);
+  const { config: globalConfig } = useGlobalContext();
+  const recipe = useMemo(() => {
+    const finalConfig = {
+      ...globalConfig,
+      ...props.recipe
+    };
+    const _recipe = RecipeUtils.create(finalConfig);
+    return {
+      ..._recipe,
+      ingredients: _recipe.ingredients.map((ingredient) => ({
+        ...ingredient,
+        amount: {
+          ...ingredient.amount,
+          // scale the amount by the number of servings
+          value: ingredient.amount.value * servings
+        }
+      }))
+    };
+  }, [globalConfig, props.recipe]);
+  return /* @__PURE__ */ jsx(RecipeContextProvider, { recipe, children: props.children });
+}
+
+export {
+  Root
+};

package/dist/chunk-BEMMFA52.mjs

@@ -0,0 +1,49 @@
+import {
+  useRecipeContext
+} from "./chunk-A5JAKCMG.mjs";
+
+// src/components/ingredients/ingredients-list.tsx
+import {
+  IngredientUtils
+} from "@recipe-book/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+function getIngredientAmount(ingredient, conversionKey) {
+  var _a;
+  if (!conversionKey) {
+    return ingredient.amount;
+  }
+  const conversion = (_a = ingredient.conversion) == null ? void 0 : _a[conversionKey];
+  if (!conversion) {
+    console.warn(
+      `No conversion found for ingredient "${ingredient.name}" with key "${conversionKey}"`
+    );
+    const coerced = IngredientUtils.convert(
+      ingredient,
+      conversionKey
+    );
+    if (coerced) {
+      return coerced.amount;
+    }
+    return ingredient.amount;
+  }
+  return conversion;
+}
+function IngredientList(props) {
+  const { ingredients, activeConversionKey } = useRecipeContext();
+  console.log("INGEDIENTS LIST:", activeConversionKey);
+  const ingredientsWithAmounts = ingredients.map((ingredient) => ({
+    ...ingredient,
+    amount: getIngredientAmount(ingredient, activeConversionKey)
+  }));
+  return /* @__PURE__ */ jsx("ul", { "recipe-ingredient-list": "", className: props.className, children: ingredientsWithAmounts.map((ingredient, i) => /* @__PURE__ */ jsxs("li", { "recipe-ingredient": "", children: [
+    ingredient.name,
+    " \u2014 ",
+    ingredient.amount.value,
+    " ",
+    ingredient.amount.unit
+  ] }, i)) });
+}
+
+export {
+  IngredientList
+};

package/dist/chunk-BOG5DA6M.mjs

@@ -0,0 +1,38 @@
+// src/recipe-context.tsx
+import { createContext, useContext, useState, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var recipeContext = createContext(
+  {}
+);
+function useRecipeContext() {
+  const ctx = useContext(recipeContext);
+  if (!ctx) {
+    throw new Error("Missing recipe context. Are you using <Recipe.Root />?");
+  }
+  return ctx;
+}
+function RecipeContextProvider({
+  children,
+  recipe,
+  servings,
+  setServings
+}) {
+  const [activeConversionKey, setActiveConversionKey] = useState();
+  const recipeContextValue = useMemo(() => {
+    return {
+      ...recipe,
+      activeConversionKey,
+      setConversionKey: (key) => {
+        setActiveConversionKey(key);
+      },
+      servings,
+      setServings
+    };
+  }, [recipe, activeConversionKey, setActiveConversionKey]);
+  return /* @__PURE__ */ jsx(recipeContext.Provider, { value: recipeContextValue, children });
+}
+
+export {
+  useRecipeContext,
+  RecipeContextProvider
+};