@recipe-book/react 0.0.3 → 0.1.1

package/dist/chunk-KNXMYQVO.mjs

@@ -1,36 +0,0 @@
-// 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

@@ -1,44 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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-M5D3UUZF.mjs

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

package/dist/chunk-MASAOP7L.mjs

@@ -1,55 +0,0 @@
-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

@@ -1,34 +0,0 @@
-// 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

@@ -1,53 +0,0 @@
-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

@@ -1,39 +0,0 @@
-// 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

@@ -1,46 +0,0 @@
-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

@@ -1,23 +0,0 @@
-// 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

@@ -1,20 +0,0 @@
-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

@@ -1,50 +0,0 @@
-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

@@ -1,53 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1,26 +0,0 @@
-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-PIB3RAOO.mjs

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

package/dist/chunk-PIXLJD7Y.mjs

@@ -1,37 +0,0 @@
-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

@@ -1 +0,0 @@
-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

@@ -1 +0,0 @@
-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-QOCKR2HO.mjs

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

package/dist/chunk-QOZCSS3B.mjs

@@ -1,44 +0,0 @@
-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

@@ -1,34 +0,0 @@
-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
-};