@recipe-book/react 0.0.1 → 0.0.2

package/dist/chunk-PIXLJD7Y.mjs

@@ -0,0 +1,37 @@
+import {
+  useGlobalContext
+} from "./chunk-SEXTT3NJ.mjs";
+import {
+  RecipeContextProvider
+} from "./chunk-MGBEDCLT.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,
+          value: ingredient.amount.value * servings
+        }
+      }))
+    };
+  }, [globalConfig, props.recipe]);
+  return /* @__PURE__ */ jsx(RecipeContextProvider, { recipe, children: props.children });
+}
+
+export {
+  Root
+};

package/dist/chunk-PTS3BZHK.mjs

@@ -0,0 +1 @@
+import{b as s}from"./chunk-Q6I5J3IJ.mjs";import{b as c}from"./chunk-PBENQR7Y.mjs";import{RecipeUtils as a}from"@recipe-book/core";import{useMemo as u,useState as v}from"react";import{jsx as f}from"react/jsx-runtime";function b(r){let[e,p]=v(1),{config:t}=s(),m=u(()=>{let i={...t,...r.recipe},n=a.create(i);return{...n,ingredients:n.ingredients.map(o=>({...o,amount:{...o.amount,value:o.amount.value*e},conversion:typeof o.conversion=="object"?{...o.conversion,[i.measurements]:o.amount.value*e}:o.conversion}))}},[t,r.recipe,e]);return f(c,{recipe:m,servings:e,setServings:p,children:r.children})}export{b as a};

package/dist/chunk-Q6I5J3IJ.mjs

@@ -0,0 +1 @@
+import{createContext as n,useContext as l}from"react";import{jsx as r}from"react/jsx-runtime";var t=n({});function c(){let o=l(t);return o||{config:{}}}function x({children:o,config:e}){return r(t.Provider,{value:{config:e},children:o})}export{t as a,c as b,x as c};

package/dist/chunk-QOZCSS3B.mjs

@@ -0,0 +1,44 @@
+import {
+  useRecipeContext
+} from "./chunk-A5JAKCMG.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-QSFPUODQ.mjs

@@ -0,0 +1,34 @@
+import {
+  useGlobalContext
+} from "./chunk-SEXTT3NJ.mjs";
+import {
+  RecipeContextProvider
+} from "./chunk-MGBEDCLT.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,
+        quantity: ingredient.amount * servings
+      }))
+    };
+  }, [globalConfig, props.recipe]);
+  return /* @__PURE__ */ jsx(RecipeContextProvider, { recipe, children: props.children });
+}
+
+export {
+  Root
+};

package/dist/chunk-RY7QUBJI.mjs

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

package/dist/chunk-RZJRUG2I.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;
+    }
+    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-S3GGSQB5.mjs

@@ -0,0 +1 @@
+import{a as t}from"./chunk-YZMVAQQG.mjs";import{jsx as a,jsxs as r}from"react/jsx-runtime";function l(i){let{ingredients:n}=t();return a("ul",{"recipe-ingredient-list":"",className:i.className,children:n.map((e,s)=>r("li",{"recipe-ingredient":"",children:[e.name," \u2014 ",e.amount.value," ",e.amount.unit]},s))})}export{l as a};

package/dist/chunk-S3HRT5Z5.mjs

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

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

@@ -0,0 +1,25 @@
+// 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 {
+      config: {}
+    };
+  }
+  return ctx;
+}
+function GlobalContextProvider({
+  children,
+  config
+}) {
+  return /* @__PURE__ */ jsx(GlobalContext.Provider, { value: { config }, children });
+}
+
+export {
+  GlobalContext,
+  useGlobalContext,
+  GlobalContextProvider
+};

package/dist/chunk-SKEQCOPX.mjs

@@ -0,0 +1,43 @@
+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 maybeConversion = 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-TLBRVWD2.mjs

@@ -0,0 +1 @@
+import{a as n}from"./chunk-PBENQR7Y.mjs";import{jsx as s,jsxs as a}from"react/jsx-runtime";function i(r){let{activeConversionKey:e,setConversionKey:t,measurements:o}=n();if(o===void 0)throw new Error("Cannot select measurement without base measurement");return a("div",{"recipe-measurement-select":"",className:r.className,children:[s("button",{"recipe-measurement-option":"","data-active":e==="us-customary",onClick:()=>t("us-customary"),children:"US"}),s("button",{"recipe-measurement-option":"","data-active":e==="metric",onClick:()=>t("metric"),children:"Metric"})]})}export{i as a};

package/dist/chunk-TOOCHDUY.mjs

@@ -0,0 +1,36 @@
+import {
+  useRecipeContext
+} from "./chunk-ENGJXHYU.mjs";
+
+// src/components/measurement-select.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function MeasurementSelect(props) {
+  const { activeConversionKey, setConversionKey, measurements } = useRecipeContext();
+  if (measurements === void 0) {
+    throw new Error("Cannot select measurement without base measurement");
+  }
+  return /* @__PURE__ */ jsxs("div", { "recipe-measurement-select": "", className: props.className, children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        "recipe-measurement-option": "",
+        "data-active": activeConversionKey === "us-customary",
+        onClick: () => setConversionKey("us-customary"),
+        children: "US"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        "recipe-measurement-option": "",
+        "data-active": activeConversionKey === "metric",
+        onClick: () => setConversionKey("metric"),
+        children: "Metric"
+      }
+    )
+  ] });
+}
+
+export {
+  MeasurementSelect
+};

package/dist/chunk-TSKANLT4.mjs

@@ -0,0 +1,37 @@
+import {
+  useGlobalContext
+} from "./chunk-SEXTT3NJ.mjs";
+import {
+  RecipeContextProvider
+} from "./chunk-MGBEDCLT.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,
+          value: ingredient.amount * servings
+        }
+      }))
+    };
+  }, [globalConfig, props.recipe]);
+  return /* @__PURE__ */ jsx(RecipeContextProvider, { recipe, children: props.children });
+}
+
+export {
+  Root
+};

package/dist/chunk-UAMZEZUI.mjs

@@ -0,0 +1,36 @@
+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) {
+    console.warn(
+      `No conversion found for ingredient "${ingredient.name}" with key "${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-UQJ4XNWN.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 finalConfig = {
+      ...globalConfig,
+      ...props.recipe
+    };
+    return RecipeUtils.create(finalConfig);
+  }, [globalConfig, props.recipe]);
+  return /* @__PURE__ */ jsx(RecipeContextProvider, { recipe, children: props.children });
+}
+
+export {
+  Root
+};

package/dist/chunk-VDSUUXCH.mjs

@@ -0,0 +1,34 @@
+import {
+  useGlobalContext
+} from "./chunk-SEXTT3NJ.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 [serving, 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,
+        quantity: ingredient.amount * serving
+      }))
+    };
+  }, [globalConfig, props.recipe]);
+  return /* @__PURE__ */ jsx(RecipeContextProvider, { recipe, children: props.children });
+}
+
+export {
+  Root
+};

package/dist/chunk-VO7RY2ZK.mjs

@@ -0,0 +1,44 @@
+import {
+  useRecipeContext
+} from "./chunk-BOG5DA6M.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-WJKDFBJ2.mjs

@@ -0,0 +1,34 @@
+import {
+  useGlobalContext
+} from "./chunk-SEXTT3NJ.mjs";
+import {
+  RecipeContextProvider
+} from "./chunk-MGBEDCLT.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,
+        quantity: ingredient.amount * serving
+      }))
+    };
+  }, [globalConfig, props.recipe]);
+  return /* @__PURE__ */ jsx(RecipeContextProvider, { recipe, children: props.children });
+}
+
+export {
+  Root
+};

package/dist/chunk-WTC7PY7U.mjs

@@ -0,0 +1,54 @@
+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" ? {
+          // spread the conversion object and add the new conversion
+          ...ingredient.conversion,
+          [finalConfig.measurements]: ingredient.amount.value * servings
+        } : (
+          // if conversion is a string, it's a unit key
+          ingredient.conversion
+        )
+      }))
+    };
+  }, [globalConfig, props.recipe, servings]);
+  return /* @__PURE__ */ jsx(
+    RecipeContextProvider,
+    {
+      recipe,
+      servings,
+      setServings,
+      children: props.children
+    }
+  );
+}
+
+export {
+  Root
+};

package/dist/chunk-WXDV7CMB.mjs

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