import { Recipe, Parser, getImageURL } from '@cooklang/cooklang-ts';
import fs  from 'fs';

let config = {}
export default function (eleventyConfig, pluginOptions) {
	config = pluginOptions;
	eleventyConfig.addTemplateFormats('cook');
	eleventyConfig.addExtension("cook", cookExtension);
};

const cookExtension = {
  getData: async function (inputPath) {
    const content = fs.readFileSync(inputPath, "utf-8").split("---")[2];

    // Parse recipe using cooklang-ts
    const recipe = new Recipe(content);

    let steps = [];
    let ingredients = [];
    let cookware = [];
    const recipeTags = recipe?.metadata?.tags?.split(",") || [];

    function getStepTokenHTML(token) {
      const { quantity, units, name, value, type } = token;
      let tagContent = "";

      if (token.type == "timer") {
        tagContent = `${quantity} ${units}`;
      } else {
        tagContent = token.name || token.value;
      }

      if (config.outputHtml) {
        return `<span class="recipe--${type}">${tagContent}</span>`;
      } else {
        return `${tagContent}`;
      }
    }

    recipe.steps.forEach((stepTokens, i) => {
      if (!steps[i]) steps[i] = [];

      stepTokens.forEach((token) => {
        if (token.type == "ingredient") {
          let { name, quantity, units } = token;

          if (
            config.limitIngredientDecimals &&
            !isNaN(config.limitIngredientDecimals)
          ) {
            const decimalPlaces = parseInt(config.limitIngredientDecimals);
            // Parsing float twice removes any trailing 0s
            quantity = parseFloat(parseFloat(quantity).toFixed(decimalPlaces));
          }
          ingredients.push({ name, quantity, units });
        }

        if (token.type == "cookware") {
          const { name } = token;
          cookware.push({ name });
        }

        steps[i].push(getStepTokenHTML(token));
      });
    });

    return {
      recipe,
      steps,
      ingredients,
      cookware,
      recipeTags,
    };
  },
  compile: async (inputContent) => {
    // We probably don't need the raw content but it's here if we want
    return async () => {
      return inputContent;
    };
  },
};