@recipe-book/react 0.0.1 → 0.0.2

package/dist/chunk-JCPPNN26.mjs

@@ -0,0 +1,44 @@
+import {
+  useRecipeContext
+} from "./chunk-N53TONLF.mjs";
+
+// src/components/thumbnail.tsx
+import { AspectRatio } from "@radix-ui/react-aspect-ratio";
+import { jsx } from "react/jsx-runtime";
+function Thumbnail(props) {
+  var _a, _b;
+  const { thumbnail, name } = useRecipeContext();
+  if (!thumbnail) {
+    throw new Error("Missing thumbnail image. Did you forget to set one?");
+  }
+  const propStyle = (_a = props.style) != null ? _a : {};
+  return /* @__PURE__ */ jsx(
+    AspectRatio,
+    {
+      "recipe-thumbnail": "",
+      className: props.className,
+      style: {
+        width: "100%",
+        ...propStyle
+      },
+      ratio: props.aspectRatio || 1,
+      children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          "recipe-thumbnail-image": "",
+          style: {
+            objectFit: "cover",
+            width: "100%",
+            height: "100%"
+          },
+          src: thumbnail,
+          alt: (_b = props.alt) != null ? _b : name
+        }
+      )
+    }
+  );
+}
+
+export {
+  Thumbnail
+};

package/dist/chunk-JR3OTSZB.mjs

@@ -0,0 +1,32 @@
+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();
+  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-JWS5RTU3.mjs

@@ -0,0 +1,46 @@
+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}"`
+    );
+    const coerced = IngredientUtils.convert(
+      ingredient,
+      conversionKey
+    );
+    if (coerced) {
+      return coerced;
+    }
+    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-K6EZ773Q.mjs

@@ -0,0 +1,26 @@
+import {
+  useGlobalContext
+} from "./chunk-M5D3UUZF.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-KNXMYQVO.mjs

@@ -0,0 +1,36 @@
+// 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);
+      }
+    };
+  }, [recipe, activeConversionKey, setActiveConversionKey]);
+  return /* @__PURE__ */ jsx(recipeContext.Provider, { value: recipeContextValue, children });
+}
+
+export {
+  useRecipeContext,
+  RecipeContextProvider
+};

package/dist/chunk-KRUZ7OA7.mjs

@@ -0,0 +1,44 @@
+import {
+  useRecipeContext
+} from "./chunk-KNXMYQVO.mjs";
+
+// src/components/thumbnail.tsx
+import { AspectRatio } from "@radix-ui/react-aspect-ratio";
+import { jsx } from "react/jsx-runtime";
+function Thumbnail(props) {
+  var _a, _b;
+  const { thumbnail, name } = useRecipeContext();
+  if (!thumbnail) {
+    throw new Error("Missing thumbnail image. Did you forget to set one?");
+  }
+  const propStyle = (_a = props.style) != null ? _a : {};
+  return /* @__PURE__ */ jsx(
+    AspectRatio,
+    {
+      "recipe-thumbnail": "",
+      className: props.className,
+      style: {
+        width: "100%",
+        ...propStyle
+      },
+      ratio: props.aspectRatio || 1,
+      children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          "recipe-thumbnail-image": "",
+          style: {
+            objectFit: "cover",
+            width: "100%",
+            height: "100%"
+          },
+          src: thumbnail,
+          alt: (_b = props.alt) != null ? _b : name
+        }
+      )
+    }
+  );
+}
+
+export {
+  Thumbnail
+};

package/dist/chunk-KXCIJBR6.mjs

@@ -0,0 +1,14 @@
+import {
+  useRecipeContext
+} from "./chunk-ENGJXHYU.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-MASAOP7L.mjs

@@ -0,0 +1,55 @@
+import {
+  useRecipeContext
+} from "./chunk-7SBP7DC5.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-MGBEDCLT.mjs

@@ -0,0 +1,34 @@
+// 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
+}) {
+  const [activeConversionKey, setActiveConversionKey] = useState();
+  const recipeContextValue = useMemo(() => {
+    return {
+      ...recipe,
+      activeConversionKey,
+      setConversionKey: (key) => {
+        setActiveConversionKey(key);
+      }
+    };
+  }, [recipe, activeConversionKey, setActiveConversionKey]);
+  return /* @__PURE__ */ jsx(recipeContext.Provider, { value: recipeContextValue, children });
+}
+
+export {
+  useRecipeContext,
+  RecipeContextProvider
+};

package/dist/chunk-MKBCBPVR.mjs

@@ -0,0 +1,53 @@
+import {
+  useRecipeContext
+} from "./chunk-7SBP7DC5.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 } = useRecipeContext();
+  const ingredientsWithAmounts = useMemo(
+    () => ingredients.map((ingredient) => ({
+      ...ingredient,
+      amount: getIngredientAmount(ingredient, activeConversionKey)
+    })),
+    [ingredients, 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-N53TONLF.mjs

@@ -0,0 +1,39 @@
+// 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
+}) {
+  const [activeConversionKey, setActiveConversionKey] = useState();
+  const recipeContextValue = useMemo(() => {
+    return {
+      ...recipe,
+      activeConversionKey,
+      setConversionKey: (key) => {
+        setActiveConversionKey(key);
+      }
+    };
+  }, [recipe, activeConversionKey, setActiveConversionKey]);
+  return /* @__PURE__ */ jsx(recipeContext.Provider, { value: recipeContextValue, children });
+}
+
+export {
+  useRecipeContext,
+  RecipeContextProvider
+};

package/dist/chunk-NYDGFRPM.mjs

@@ -0,0 +1,46 @@
+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
+        }
+      }))
+    };
+  }, [globalConfig, props.recipe, servings]);
+  return /* @__PURE__ */ jsx(
+    RecipeContextProvider,
+    {
+      recipe,
+      servings,
+      setServings,
+      children: props.children
+    }
+  );
+}
+
+export {
+  Root
+};

package/dist/chunk-OPOABKD6.mjs

@@ -0,0 +1,23 @@
+// src/global-context.tsx
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var GlobalContext = createContext({});
+function useGlobalContext() {
+  const ctx = useContext(GlobalContext);
+  if (!ctx) {
+    return {};
+  }
+  return ctx;
+}
+function GlobalContextProvider({
+  children,
+  config
+}) {
+  return /* @__PURE__ */ jsx(GlobalContext.Provider, { value: { config }, children });
+}
+
+export {
+  GlobalContext,
+  useGlobalContext,
+  GlobalContextProvider
+};

package/dist/chunk-OX6ITS5C.mjs

@@ -0,0 +1,20 @@
+import {
+  useRecipeContext
+} from "./chunk-MGBEDCLT.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-PAAVW47I.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
+        } : void 0
+      }))
+    };
+  }, [globalConfig, props.recipe, servings]);
+  return /* @__PURE__ */ jsx(
+    RecipeContextProvider,
+    {
+      recipe,
+      servings,
+      setServings,
+      children: props.children
+    }
+  );
+}
+
+export {
+  Root
+};

package/dist/chunk-PAF5HSSV.mjs

@@ -0,0 +1,53 @@
+import {
+  useRecipeContext
+} from "./chunk-7SBP7DC5.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(
+    () => 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-PBENQR7Y.mjs

@@ -0,0 +1 @@
+import{createContext as C,useContext as p,useState as u,useMemo as a}from"react";import{jsx as x}from"react/jsx-runtime";var s=C({});function l(){let e=p(s);if(!e)throw new Error("Missing recipe context. Are you using <Recipe.Root />?");return e}function m({children:e,recipe:o,servings:n,setServings:t}){let[r,i]=u(o.measurements),c=a(()=>({...o,activeConversionKey:r,setConversionKey:v=>{i(v)},servings:n,setServings:t}),[o,r,i,n,t]);return x(s.Provider,{value:c,children:e})}export{l as a,m as b};

package/dist/chunk-PH3LQIHZ.mjs

@@ -0,0 +1,26 @@
+import {
+  useGlobalContext
+} from "./chunk-M5D3UUZF.mjs";
+import {
+  RecipeContextProvider
+} from "./chunk-N53TONLF.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 finalConfig2 = {
+      ...globalConfig,
+      ...props.recipe
+    };
+    return RecipeUtils.create(finalConfig2);
+  }, [globalConfig, props.recipe]);
+  return /* @__PURE__ */ jsx(RecipeContextProvider, { recipe: finalConfig, children: props.children });
+}
+
+export {
+  Root
+};

package/dist/{chunk-FPLGEKN7.mjs → chunk-PIB3RAOO.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-M5D3UUZF.mjs";
 import {
   RecipeContextProvider
-} from "./chunk-CB36WMX5.mjs";
+} from "./chunk-N53TONLF.mjs";
 
 // src/components/root.tsx
 import { useMemo } from "react";
@@ -13,10 +13,10 @@ function Root(props) {
   const finalConfig = useMemo(() => {
     return {
       ...globalConfig,
-      ...props.config
+      ...props.recipe
     };
-  }, [globalConfig, props.config]);
-  return /* @__PURE__ */ jsx(RecipeContextProvider, { config: finalConfig, children: props.children });
+  }, [globalConfig, props.recipe]);
+  return /* @__PURE__ */ jsx(RecipeContextProvider, { recipe: finalConfig, children: props.children });
 }
 
 export {