@terrafirmagreg-team/recipe 1.2.3 → 1.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@terrafirmagreg-team/recipe",
-  "version": "1.2.3",
+  "version": "1.2.4",
   "type": "module",
   "description": "Recipe viewer and calculator",
   "license": "LGPL-3.0-only",
@@ -24,18 +24,18 @@
   },
   "dependencies": {
     "@terrafirmagreg-team/data": "1.2.1",
-    "@terrafirmagreg-team/dump": "1.2.1",
-    "@terrafirmagreg-team/game": "1.2.2",
-    "@terrafirmagreg-team/kit": "1.2.3",
-    "@terrafirmagreg-team/mdx": "1.2.1",
+    "@terrafirmagreg-team/dump": "1.2.2",
+    "@terrafirmagreg-team/game": "1.2.3",
+    "@terrafirmagreg-team/kit": "1.2.4",
+    "@terrafirmagreg-team/mdx": "1.2.2",
     "@terrafirmagreg-team/preview": "1.2.1",
     "@terrafirmagreg-team/sites": "1.2.1",
-    "@terrafirmagreg-team/translate": "1.2.3",
-    "@terrafirmagreg-team/ui": "1.2.2",
+    "@terrafirmagreg-team/translate": "1.2.4",
+    "@terrafirmagreg-team/ui": "1.2.4",
     "comlink": "^4.4.2",
     "fflate": "0.8.3",
-    "fumadocs-core": "16.17.8",
-    "lucide-react": "^0.577.0",
+    "fumadocs-core": "16.17.10",
+    "lucide-react": "^1.63.0",
     "pathfinding": "0.4.18"
   },
   "peerDependencies": {

package/src/components/cards/card/index.tsx

@@ -7,12 +7,12 @@ import {
   cardStripGeo,
   countCoveredText,
   textInStrip,
-} from '@terrafirmagreg-team/recipe/lib/card-model';
+} from '@terrafirmagreg-team/recipe/lib/cards/model';
 import { CardText } from '@terrafirmagreg-team/recipe/components/cards/card/text';
 import { CardSceneOverlay } from '@terrafirmagreg-team/recipe/components/cards/card/scene';
 import { CardWidgetTips } from '@terrafirmagreg-team/recipe/components/cards/card/tips';
 import { CardStrip } from '@terrafirmagreg-team/recipe/components/cards/card/strip';
-import { recipeSlots } from '@terrafirmagreg-team/recipe/lib/recipe-slots';
+import { recipeSlots } from '@terrafirmagreg-team/recipe/lib/browser/recipe-slots';
 import {
   recipeMultiblock,
   recipeSceneEntities,

package/src/components/cards/card/strip.tsx

@@ -5,7 +5,7 @@ import { Fragment, useRef, useState } from 'react';
 import { SlotHitbox } from '@terrafirmagreg-team/recipe/components/cards/slot-hitbox';
 import { CardText } from '@terrafirmagreg-team/recipe/components/cards/card/text';
 import { formatCount } from '@terrafirmagreg-team/ui/lib/utils/format';
-import type { CardStripGeo } from '@terrafirmagreg-team/recipe/lib/card-model';
+import type { CardStripGeo } from '@terrafirmagreg-team/recipe/lib/cards/model';
 import type { EntryTooltipLevel } from '@terrafirmagreg-team/game/components/entry/tooltip';
 import type { RecipeTextWidget } from '@terrafirmagreg-team/recipe/lib/data/dto';
 import type { RecipeHrefOpts } from '@terrafirmagreg-team/recipe/types';

package/src/components/cards/paged-card.tsx

@@ -6,7 +6,7 @@ import { SlotHitbox } from './slot-hitbox';
 import { StripCard } from './strip-card';
 import { recipeGlareFilter } from './glare-filter';
 import { recipeGrid } from '@terrafirmagreg-team/recipe/lib/data/grid';
-import { recipeSlots } from '@terrafirmagreg-team/recipe/lib/recipe-slots';
+import { recipeSlots } from '@terrafirmagreg-team/recipe/lib/browser/recipe-slots';
 import { PagerArrow } from '@terrafirmagreg-team/ui/components/blocks/page/pager';
 import { useInView } from '@terrafirmagreg-team/ui/hooks/use-in-view';
 import { useSwipe } from '@terrafirmagreg-team/ui/hooks/use-swipe';

package/src/components/cards/slot-hitbox.tsx

@@ -11,7 +11,7 @@ import { useCycleIndex } from '@terrafirmagreg-team/ui/hooks/use-cycle-index';
 import { stackDisplayName } from '@terrafirmagreg-team/game/lib/entry/display';
 import { entryHref } from '@terrafirmagreg-team/game/lib/entry/href';
 import { loadStackDisplay } from '@terrafirmagreg-team/game/lib/entry/tooltip';
-import { favoriteHover } from '@terrafirmagreg-team/recipe/lib/favorite-hover';
+import { favoriteHover } from '@terrafirmagreg-team/recipe/lib/browser/favorite-hover';
 import { useAsyncResult } from '@terrafirmagreg-team/ui/hooks/use-async-value';
 import type { ReferenceKind } from '@terrafirmagreg-team/dump/lib/dump/contract/ref';
 import type { RecipeSlotWidget } from '@terrafirmagreg-team/recipe/lib/data/dto';

package/src/components/cards/strip-card/index.tsx

@@ -11,7 +11,7 @@ import {
 } from '@terrafirmagreg-team/recipe/components/cards/strip-card/buttons';
 import { StripCardMember } from '@terrafirmagreg-team/recipe/components/cards/strip-card/member-cell';
 import { recipeGrid } from '@terrafirmagreg-team/recipe/lib/data/grid';
-import { recipeSlots } from '@terrafirmagreg-team/recipe/lib/recipe-slots';
+import { recipeSlots } from '@terrafirmagreg-team/recipe/lib/browser/recipe-slots';
 import { cn } from '@terrafirmagreg-team/ui/lib/utils/cn';
 import { useInView } from '@terrafirmagreg-team/ui/hooks/use-in-view';
 import { Hint } from '@terrafirmagreg-team/ui/components/blocks/tooltip/hint';

package/src/components/cards/strip-card/member-cell.tsx

@@ -10,7 +10,7 @@ import {
 import { stackDisplayName } from '@terrafirmagreg-team/game/lib/entry/display';
 import { entryHref } from '@terrafirmagreg-team/game/lib/entry/href';
 import { loadStackDisplay } from '@terrafirmagreg-team/game/lib/entry/tooltip';
-import { favoriteHover } from '@terrafirmagreg-team/recipe/lib/favorite-hover';
+import { favoriteHover } from '@terrafirmagreg-team/recipe/lib/browser/favorite-hover';
 import { useAsyncResult } from '@terrafirmagreg-team/ui/hooks/use-async-value';
 import type { ReferenceKind } from '@terrafirmagreg-team/dump/lib/dump/contract/ref';
 import type { RecipeGridMember } from '@terrafirmagreg-team/recipe/lib/data/dto';

package/src/components/views/browser/card-grid.tsx

@@ -18,7 +18,7 @@ import { recipeItemName } from '@terrafirmagreg-team/recipe/lib/client-index';
 import { loadClientRecipe } from '@terrafirmagreg-team/recipe/lib/client/recipe';
 import { pushUrlState } from '@terrafirmagreg-team/ui/lib/utils/history';
 import { useSwipe } from '@terrafirmagreg-team/ui/hooks/use-swipe';
-import { favoriteHover } from '@terrafirmagreg-team/recipe/lib/favorite-hover';
+import { favoriteHover } from '@terrafirmagreg-team/recipe/lib/browser/favorite-hover';
 import { recipeTitle } from '@terrafirmagreg-team/recipe/lib/data/parse';
 import { cn } from '@terrafirmagreg-team/ui/lib/utils/cn';
 import type { FitDim } from '@terrafirmagreg-team/ui/hooks/page/use-fit-pages';

package/src/components/views/browser/item-panel/index.tsx

@@ -17,10 +17,10 @@ import { usePagedList } from '@terrafirmagreg-team/ui/hooks/page/use-paged-list'
 import { useSwipe } from '@terrafirmagreg-team/ui/hooks/use-swipe';
 import { useElementSize } from '@terrafirmagreg-team/ui/hooks/use-element-size';
 import { EmptyState } from '@terrafirmagreg-team/ui/components/blocks/page/empty-state';
-import { type ItemPanelMode } from '@terrafirmagreg-team/recipe/lib/panel';
+import { type ItemPanelMode } from '@terrafirmagreg-team/recipe/lib/browser/panel';
 import { recipeHref } from '@terrafirmagreg-team/recipe/lib/links';
 import { replaceUrlState } from '@terrafirmagreg-team/ui/lib/utils/history';
-import { favoriteHover } from '@terrafirmagreg-team/recipe/lib/favorite-hover';
+import { favoriteHover } from '@terrafirmagreg-team/recipe/lib/browser/favorite-hover';
 import { IconPager } from '@terrafirmagreg-team/ui/components/blocks/page/pager';
 import { FavoriteButton } from '@terrafirmagreg-team/recipe/components/views/browser/favorite-button';
 import { ItemPanelGrid } from '@terrafirmagreg-team/recipe/components/views/browser/item-panel-grid';

package/src/components/views/browser/item-panel-grid/cell.tsx

@@ -15,7 +15,7 @@ import { cn } from '@terrafirmagreg-team/ui/lib/utils/cn';
 import { RecipeFavoriteCell } from '@terrafirmagreg-team/recipe/components/views/browser/item-panel-grid/favorite-cell';
 import type { Lang } from '@terrafirmagreg-team/translate/types/locale';
 import type { EntrySize } from '@terrafirmagreg-team/game/types/entry';
-import type { FavoriteHoverTarget } from '@terrafirmagreg-team/recipe/lib/favorite-hover';
+import type { FavoriteHoverTarget } from '@terrafirmagreg-team/recipe/lib/browser/favorite-hover';
 import type { ItemPanelCell, RecipeHrefOpts } from '@terrafirmagreg-team/recipe/types';
 
 function PanelChip({

package/src/components/views/browser/item-panel-grid/index.tsx

@@ -8,7 +8,7 @@ import { useMountLimit } from '@terrafirmagreg-team/recipe/hooks/use-mount-limit
 import { useGroupOutlines } from '@terrafirmagreg-team/recipe/hooks/use-group-outlines';
 import { Skeleton } from '@terrafirmagreg-team/ui/components/ui/skeleton';
 import type { Lang } from '@terrafirmagreg-team/translate/types/locale';
-import type { FavoriteHoverTarget } from '@terrafirmagreg-team/recipe/lib/favorite-hover';
+import type { FavoriteHoverTarget } from '@terrafirmagreg-team/recipe/lib/browser/favorite-hover';
 import type { ItemPanelCell, RecipeHrefOpts } from '@terrafirmagreg-team/recipe/types';
 
 const CELL = 36;

package/src/components/views/calc/edge.tsx

@@ -12,7 +12,7 @@ import {
 } from '@terrafirmagreg-team/ui/lib/canvas/edge';
 import { Entry } from '@terrafirmagreg-team/game/components/entry/entry';
 import type { DatasetRef } from '@terrafirmagreg-team/sites/location';
-import { useCalcSession } from '@terrafirmagreg-team/recipe/hooks/calc/use-session';
+import { useCalcSession } from '@terrafirmagreg-team/recipe/hooks/calc/use-calc-session';
 import { recipeItemName } from '@terrafirmagreg-team/recipe/lib/client-index';
 import { formatCount } from '@terrafirmagreg-team/ui/lib/utils/format';
 import type { FlowPoint } from '@terrafirmagreg-team/ui/types/canvas';

package/src/components/views/calc/flow/index.tsx

@@ -26,7 +26,7 @@ import { CalcNodeCard } from '@terrafirmagreg-team/recipe/components/views/calc/
 import { CalcDotOverlay } from '@terrafirmagreg-team/recipe/components/views/calc/dot-overlay';
 import { EmptyState } from '@terrafirmagreg-team/ui/components/blocks/page/empty-state';
 import { CalcEdge } from '@terrafirmagreg-team/recipe/components/views/calc/edge';
-import { CalcSessionProvider } from '@terrafirmagreg-team/recipe/hooks/calc/use-session';
+import { CalcSessionProvider } from '@terrafirmagreg-team/recipe/hooks/calc/use-calc-session';
 import { CalcFarProvider } from '@terrafirmagreg-team/recipe/hooks/calc/use-far-mode';
 import { CalcTierProvider } from '@terrafirmagreg-team/recipe/hooks/calc/use-tier';
 import { useFlowPickers } from '@terrafirmagreg-team/recipe/hooks/calc/flow/use-pickers';

package/src/components/views/calc/node-card/far.tsx

@@ -8,7 +8,7 @@ import { useTranslations } from '@terrafirmagreg-team/translate/hooks/use-transl
 import { StackCount } from '@terrafirmagreg-team/game/components/entry/stack-count';
 import { PagedCard } from '@terrafirmagreg-team/recipe/components/cards/paged-card';
 import { Skeleton } from '@terrafirmagreg-team/ui/components/ui/skeleton';
-import { useCalcSession } from '@terrafirmagreg-team/recipe/hooks/calc/use-session';
+import { useCalcSession } from '@terrafirmagreg-team/recipe/hooks/calc/use-calc-session';
 import { recipeItemName } from '@terrafirmagreg-team/recipe/lib/client-index';
 import {
   recipeCardImageUrl,

package/src/components/views/calc/node-card/full.tsx

@@ -19,7 +19,7 @@ import { Entry } from '@terrafirmagreg-team/game/components/entry/entry';
 import { StackCount } from '@terrafirmagreg-team/game/components/entry/stack-count';
 import { PagedCard } from '@terrafirmagreg-team/recipe/components/cards/paged-card';
 import { Skeleton } from '@terrafirmagreg-team/ui/components/ui/skeleton';
-import { useCalcSession } from '@terrafirmagreg-team/recipe/hooks/calc/use-session';
+import { useCalcSession } from '@terrafirmagreg-team/recipe/hooks/calc/use-calc-session';
 import { useCalcFar } from '@terrafirmagreg-team/recipe/hooks/calc/use-far-mode';
 import { useCalcTier } from '@terrafirmagreg-team/recipe/hooks/calc/use-tier';
 import { recipeItemName } from '@terrafirmagreg-team/recipe/lib/client-index';

package/src/hooks/use-favorite-hotkey.ts

@@ -2,7 +2,7 @@
 
 import { useEffect } from 'react';
 import { useFavorites } from '@terrafirmagreg-team/recipe/hooks/use-favorites';
-import { favoriteHoverTarget } from '@terrafirmagreg-team/recipe/lib/favorite-hover';
+import { favoriteHoverTarget } from '@terrafirmagreg-team/recipe/lib/browser/favorite-hover';
 
 export function useFavoriteHotkey() {
   const { toggleItem, toggleRecipe } = useFavorites();

package/src/hooks/use-group-outlines.ts

@@ -1,7 +1,7 @@
 'use client';
 
 import { useLayoutEffect, useMemo, useRef, useState } from 'react';
-import { groupOutlines } from '@terrafirmagreg-team/recipe/lib/panel-outline';
+import { groupOutlines } from '@terrafirmagreg-team/recipe/lib/browser/panel-outline';
 import type { ItemPanelCell } from '@terrafirmagreg-team/recipe/types';
 
 const CELL = 36;

package/src/hooks/use-index.ts

@@ -9,7 +9,7 @@ import {
   loadRecipeCompactIndex,
   loadRecipeSkeletonIndex,
 } from '@terrafirmagreg-team/recipe/lib/client-index';
-import { publishRecipeIndex } from '@terrafirmagreg-team/recipe/lib/index-store';
+import { publishRecipeIndex } from '@terrafirmagreg-team/recipe/lib/client-index/store';
 import type { RecipeCompactIndex } from '@terrafirmagreg-team/recipe/types';
 
 type LoadedIndex = { key: string; index: RecipeCompactIndex };

package/src/hooks/use-item-feeds.ts

@@ -5,7 +5,7 @@ import { useAsyncResult } from '@terrafirmagreg-team/ui/hooks/use-async-value';
 import {
   recipesForOutput,
   usesForInput,
-} from '@terrafirmagreg-team/recipe/lib/lookup';
+} from '@terrafirmagreg-team/recipe/lib/browser/lookup';
 import type { RecipeCompactIndex, RecipeCompactRow } from '@terrafirmagreg-team/recipe/types';
 
 export const EMPTY_ROWS: RecipeCompactRow[] = [];

package/src/hooks/use-item-tag-groups.ts

@@ -4,7 +4,7 @@ import type { DatasetRef } from '@terrafirmagreg-team/sites/location';
 import { useMemo } from 'react';
 import { useAsyncValue } from '@terrafirmagreg-team/ui/hooks/use-async-value';
 import { loadTagSlice } from '@terrafirmagreg-team/recipe/lib/client-index';
-import { registryId } from '@terrafirmagreg-team/recipe/lib/lookup';
+import { registryId } from '@terrafirmagreg-team/recipe/lib/browser/lookup';
 import { splitDumpId } from '@terrafirmagreg-team/dump/lib/dump/paths';
 import type { RecipeCompactIndex } from '@terrafirmagreg-team/recipe/types';
 

package/src/hooks/use-left-sidebar-tree.ts

@@ -7,7 +7,7 @@ import { useResolvedLang } from '@terrafirmagreg-team/translate/hooks/use-resolv
 import { useLastValue } from '@terrafirmagreg-team/ui/hooks/use-last-value';
 import { useRecipeModNames } from '@terrafirmagreg-team/recipe/hooks/use-mod-names';
 import { useSidebarGroup } from '@terrafirmagreg-team/recipe/hooks/use-sidebar-group';
-import { groupRecipeSidebarByMod } from '@terrafirmagreg-team/recipe/lib/sidebar';
+import { groupRecipeSidebarByMod } from '@terrafirmagreg-team/recipe/lib/browser/sidebar';
 import { parseSectionLocation } from '@terrafirmagreg-team/sites/location';
 
 export function useRecipeLeftSidebarTree(tree: PageTree.Root): PageTree.Root {

package/src/hooks/use-panel-cells.ts

@@ -4,17 +4,17 @@ import type { DatasetRef } from '@terrafirmagreg-team/sites/location';
 import { useDeferredValue, useMemo } from 'react';
 import { useItemTooltips } from '@terrafirmagreg-team/recipe/hooks/use-item-tooltips';
 import { useTagMembers } from '@terrafirmagreg-team/recipe/hooks/use-tag-members';
-import { filterCatalogItemIds } from '@terrafirmagreg-team/recipe/lib/search';
+import { filterCatalogItemIds } from '@terrafirmagreg-team/recipe/lib/search/index';
 import {
   buildPanelCells,
   panelPool,
   type ItemPanelMode,
-} from '@terrafirmagreg-team/recipe/lib/panel';
+} from '@terrafirmagreg-team/recipe/lib/browser/panel';
 import {
   filterUsedIds,
   hasRecipeUsage,
   recipeUsedItems,
-} from '@terrafirmagreg-team/recipe/lib/used-items';
+} from '@terrafirmagreg-team/recipe/lib/browser/used-items';
 import type { Lang } from '@terrafirmagreg-team/translate/types/locale';
 import type {
   FavoriteEntry,

package/src/hooks/use-panel-tabs.ts

@@ -3,7 +3,7 @@
 import { createElement, useMemo } from 'react';
 import { Entry } from '@terrafirmagreg-team/game/components/entry/entry';
 import { useTranslations } from '@terrafirmagreg-team/translate/hooks/use-translations';
-import { panelTabRows } from '@terrafirmagreg-team/recipe/lib/panel';
+import { panelTabRows } from '@terrafirmagreg-team/recipe/lib/browser/panel';
 import type { Lang } from '@terrafirmagreg-team/translate/types/locale';
 import type { RecipeCompactIndex } from '@terrafirmagreg-team/recipe/types';
 

package/src/hooks/use-session.ts

@@ -7,13 +7,13 @@ import { useRecipeQuery } from '@terrafirmagreg-team/recipe/hooks/use-query';
 import { useAsyncValue } from '@terrafirmagreg-team/ui/hooks/use-async-value';
 import { useResolvedLang } from '@terrafirmagreg-team/translate/hooks/use-resolved-lang';
 import { clientDumpLang } from '@terrafirmagreg-team/dump/lib/dump/client/dump';
-import { useRecipeIndexNames } from '@terrafirmagreg-team/recipe/lib/index-store';
+import { useRecipeIndexNames } from '@terrafirmagreg-team/recipe/lib/client-index/store';
 import {
   RECIPE_ALL_TYPE,
   recipeHref,
   recipePlaceOpts,
 } from '@terrafirmagreg-team/recipe/lib/links';
-import { recipeUsedItems } from '@terrafirmagreg-team/recipe/lib/used-items';
+import { recipeUsedItems } from '@terrafirmagreg-team/recipe/lib/browser/used-items';
 import { replaceUrlState } from '@terrafirmagreg-team/ui/lib/utils/history';
 import type {
   RecipeHrefOpts,

package/src/hooks/use-type-filter.ts

@@ -1,7 +1,7 @@
 'use client';
 
 import { useEffect, useMemo } from 'react';
-import { groupByCategory } from '@terrafirmagreg-team/recipe/lib/group';
+import { groupByCategory } from '@terrafirmagreg-team/recipe/lib/browser/group';
 import { TAG_RECIPE_TYPE } from '@terrafirmagreg-team/recipe/lib/client-index';
 import { RECIPE_ALL_TYPE, recipeHref } from '@terrafirmagreg-team/recipe/lib/links';
 import { useResolvedLang } from '@terrafirmagreg-team/translate/hooks/use-resolved-lang';

package/src/lib/{lookup.ts → browser/lookup.ts}

@@ -10,7 +10,7 @@ import {
   resolveRecipeRows,
 } from '@terrafirmagreg-team/recipe/lib/client-index';
 import { stackIdFromRef } from '@terrafirmagreg-team/dump/lib/dump/contract/ref';
-import { loadFluidIoIndex } from '@terrafirmagreg-team/recipe/lib/fluid-outputs';
+import { loadFluidIoIndex } from '@terrafirmagreg-team/recipe/lib/browser/fluid-outputs';
 
 export { registryId, tagPseudoId } from '@terrafirmagreg-team/dump/lib/dump/paths';
 

package/src/lib/{used-items.ts → browser/used-items.ts}

@@ -1,4 +1,4 @@
-import { registryId } from '@terrafirmagreg-team/recipe/lib/lookup';
+import { registryId } from '@terrafirmagreg-team/recipe/lib/browser/lookup';
 import type { RecipeCompactIndex, UsedItems } from '@terrafirmagreg-team/recipe/types';
 
 export function recipeUsedItems(index: RecipeCompactIndex | null): UsedItems {

package/src/lib/calc/resolve.ts

@@ -2,7 +2,7 @@ import type { DatasetRef } from '@terrafirmagreg-team/sites/location';
 import type { Recipe } from '@terrafirmagreg-team/recipe/lib/data/dto';
 import { loadClientRecipe } from '@terrafirmagreg-team/recipe/lib/client/recipe';
 import { resolveClientTag } from '@terrafirmagreg-team/dump/lib/dump/client/tags';
-import { recipesForOutput } from '@terrafirmagreg-team/recipe/lib/lookup';
+import { recipesForOutput } from '@terrafirmagreg-team/recipe/lib/browser/lookup';
 import { recipeDivisor, toCalcRecipe } from './tree';
 import type { RecipeCompactIndex, RecipeCompactRow } from '@terrafirmagreg-team/recipe/types';
 import type {

package/src/lib/config.ts

@@ -2,6 +2,7 @@ import { createConfigRegistry, uiConfig } from '@terrafirmagreg-team/ui/lib/conf
 import { registerMdxComponents } from '@terrafirmagreg-team/mdx/components/mdx-components';
 import { Recipe } from '@terrafirmagreg-team/recipe/components/mdx/recipe';
 import '@terrafirmagreg-team/recipe/lib/preview';
+import '@terrafirmagreg-team/recipe/lib/embed';
 
 export type RecipeConfigInput = {
   appName?: string;

package/src/lib/embed.ts

@@ -6,6 +6,7 @@ import {
 } from '@terrafirmagreg-team/recipe/lib/links';
 import { recipeTitle } from '@terrafirmagreg-team/recipe/lib/data/parse';
 import type { Recipe } from '@terrafirmagreg-team/recipe/lib/data/dto';
+import { registerSectionEmbed } from '@terrafirmagreg-team/kit/lib/embeds';
 import type {
   EmbedRecipe,
   SectionEmbeds,
@@ -20,3 +21,5 @@ export const recipeSectionEmbed: NonNullable<SectionEmbeds['recipe']> = {
     recipeTitle(recipe as unknown as Recipe, langMap),
   Card: RecipeEmbedCard,
 };
+
+registerSectionEmbed('recipe', recipeSectionEmbed);