{"version":3,"file":"useArticle-DDGKtfA0.js","sources":["../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getMonth.js","../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/getYear.js","../../meteoapi/client/services/ArticleService.ts","../../src/utils/article.ts","../../src/components/weather-report/figure/Image.tsx","../../src/components/weather-report/figure/Figure.tsx","../../src/hooks/useArticle.ts"],"sourcesContent":["import { toDate } from \"./toDate.js\";\n\n/**\n * The {@link getMonth} function options.\n */\n\n/**\n * @name getMonth\n * @category Month Helpers\n * @summary Get the month of the given date.\n *\n * @description\n * Get the month of the given date.\n *\n * @param date - The given date\n * @param options - An object with options\n *\n * @returns The month index (0-11)\n *\n * @example\n * // Which month is 29 February 2012?\n * const result = getMonth(new Date(2012, 1, 29))\n * //=> 1\n */\nexport function getMonth(date, options) {\n  return toDate(date, options?.in).getMonth();\n}\n\n// Fallback for modularized imports:\nexport default getMonth;\n","import { toDate } from \"./toDate.js\";\n\n/**\n * The {@link getYear} function options.\n */\n\n/**\n * @name getYear\n * @category Year Helpers\n * @summary Get the year of the given date.\n *\n * @description\n * Get the year of the given date.\n *\n * @param date - The given date\n * @param options - An object with options\n *\n * @returns The year\n *\n * @example\n * // Which year is 2 July 2014?\n * const result = getYear(new Date(2014, 6, 2))\n * //=> 2014\n */\nexport function getYear(date, options) {\n  return toDate(date, options?.in).getFullYear();\n}\n\n// Fallback for modularized imports:\nexport default getYear;\n","/* generated using openapi-typescript-codegen -- do not edit */\n/* istanbul ignore file */\n/* tslint:disable */\n/* eslint-disable */\nimport type { Article } from '../models/Article';\nimport type { RegionalSummary } from '../models/RegionalSummary';\nimport type { CancelablePromise } from '../core/CancelablePromise';\nimport { OpenAPI } from '../core/OpenAPI';\nimport { request as __request } from '../core/request';\nexport class ArticleService {\n    /**\n     * Returns articles by date\n     * @returns Article Returned when successful\n     * @throws ApiError\n     */\n    public static getArticleByDate({\n        year,\n        month,\n        day,\n    }: {\n        year: string,\n        month: string,\n        day: string,\n    }): CancelablePromise<Article> {\n        return __request(OpenAPI, {\n            method: 'GET',\n            url: '/articles/{year}/{month}/{day}',\n            path: {\n                'year': year,\n                'month': month,\n                'day': day,\n            },\n            errors: {\n                404: `Returned when the article does not exist`,\n            },\n        });\n    }\n    /**\n     * Returns the latest article\n     * @returns Article Returned when successful\n     * @throws ApiError\n     */\n    public static getLatestArticle(): CancelablePromise<Article> {\n        return __request(OpenAPI, {\n            method: 'GET',\n            url: '/articles/latest',\n            errors: {\n                404: `Returned when the article does not exist`,\n            },\n        });\n    }\n    /**\n     * Returns latest regional summary\n     * @returns RegionalSummary Returned when successful\n     * @throws ApiError\n     */\n    public static getLatestRegionalSummary({\n        region,\n    }: {\n        region: string,\n    }): CancelablePromise<RegionalSummary> {\n        return __request(OpenAPI, {\n            method: 'GET',\n            url: '/regional-summary/{region}/latest',\n            path: {\n                'region': region,\n            },\n            errors: {\n                404: `Returned when the regional-summary does not exist`,\n            },\n        });\n    }\n}\n","import { ImageFormat } from \"@Components/weather-report/figure/Image\";\nimport { Image } from \"@MeteoApi/models/Image\";\nimport { getMonth, getYear, isValid } from \"date-fns\";\n\nexport const getArticleDate = () => {\n  const date = new Date(\n    new URLSearchParams(window.location.hash.slice(1)).get(\"date\") ||\n      window.location.hash.slice(1),\n  );\n  if (isValid(date)) {\n    return {\n      year: getYear(date).toString(),\n      // getMonth returns 0-indexed month, so we need to add 1 to get the correct month demanded by the API\n      month: (getMonth(date) + 1).toString(),\n      day: date.getDate().toString(),\n    };\n  } else {\n    return \"today\" as const;\n  }\n};\n\nexport const getArticleImageUrl = (\n  image: Exclude<Image, keyof Pick<Image, \"id\">>,\n  format: ImageFormat,\n  isDarkMode: boolean,\n): string => {\n  const { url, url_responsive, url_dark } = image;\n  switch (format) {\n    case \"compact\":\n      return isDarkMode && url_dark ? url_dark : url;\n    case \"avatar\":\n      return url_responsive ?? url;\n    case \"avatar-small\":\n      return url_responsive ?? url;\n    default:\n      return url;\n  }\n};\n","import { LayoutType } from \"@Components/weather-report/subsection/SubsectionEntry\";\nimport { Image as ImageModel } from \"@MeteoApi/models/Image\";\nimport { getArticleImageUrl } from \"@Utils/article\";\nimport classNames from \"classnames\";\nimport { useDarkMode } from \"usehooks-ts\";\n\nexport type ImageFormat = LayoutType | \"avatar\" | \"avatar-small\";\nexport type ImageProps = ImageModel & { format: ImageFormat; testId?: string };\n\nconst Image = ({ format, alt_text: altText, testId, ...rest }: ImageProps) => {\n  const { isDarkMode } = useDarkMode();\n  const src = getArticleImageUrl(rest, format, isDarkMode);\n  const title = altText ?? undefined;\n  const alt = format === \"avatar\" ? `Profilbild von ${title}` : title;\n\n  return (\n    <div\n      className={classNames({\n        \"m:max-w-[288px]\": format === \"compact\",\n        \"m:size-14 m:overflow-hidden m:rounded-full m:border m:border-solid m:border-warmgrey-10 m:bg-[#dadad2] m:dark:border-warmgrey-1050\":\n          format === \"avatar\",\n        \"m:size-10 m:overflow-hidden m:rounded-[40px] m:border m:border-solid m:border-warmgrey-10 m:dark:border-warmgrey-1050\":\n          format === \"avatar-small\",\n      })}>\n      <img\n        className={classNames(\"m:h-full! m:w-full! m:object-cover\", {\n          \"m:block!\": format === \"default\",\n          \"m:h-full!\": format === \"avatar\",\n        })}\n        src={src}\n        title={title}\n        alt={alt}\n        aria-hidden={format === \"compact\"}\n        data-testid={testId}\n      />\n    </div>\n  );\n};\n\nexport default Image;\n","import Image, { ImageProps } from \"@Components/weather-report/figure/Image\";\nimport classNames from \"classnames\";\n\nconst Figure = ({\n  source,\n  legend,\n  format,\n  showCaption = !!legend && format === \"default\",\n  testId = \"\",\n  ...rest\n}: ImageProps & { showCaption?: boolean }) => (\n  <figure\n    className={classNames(\"m:m-0 m:block\", {\n      \"m:mt-6 m:self-center m:md:float-right\": format === \"compact\",\n    })}>\n    <Image format={format} testId={testId} {...rest} />\n    {showCaption && (\n      <div className=\"m:bg-background-secondary m:tracking-tracking-0.4 m:flex m:flex-col m:bg-warmgrey-25 m:px-6 m:py-3 m:dark:bg-warmgrey-1000\">\n        <span className=\"m:sr-only\">Legende:</span>\n        <span className=\"m:text-[16px] m:leading-5 m:font-medium m:tracking-0.4\">\n          {legend}\n        </span>\n        {source && (\n          <span className=\"m:mt-2 m:text-[12px] m:leading-3 m:font-normal m:text-warmgrey-700\">\n            {source.toUpperCase()}\n          </span>\n        )}\n      </div>\n    )}\n  </figure>\n);\n\nexport default Figure;\n","import { Article } from \"@MeteoApi/models/Article\";\nimport { ArticleService } from \"@MeteoApi/services/ArticleService\";\nimport { getArticleDate } from \"@Utils/article\";\nimport { useEffect, useState } from \"react\";\n\nconst useArticleDate = () => {\n  const [articleDate, setArticleDate] = useState(getArticleDate());\n\n  useEffect(() => {\n    const handleHashChange = () => {\n      setArticleDate(getArticleDate());\n    };\n\n    window.addEventListener(\"hashchange\", handleHashChange);\n\n    return () => {\n      window.removeEventListener(\"hashchange\", handleHashChange);\n    };\n  }, []);\n\n  return articleDate;\n};\n\nexport const useArticle = () => {\n  const articleDate = useArticleDate();\n  const [article, setArticle] = useState<Article>();\n  const [error, setError] = useState<Error>();\n\n  const removeLoadingState = () => {\n    // remove CMS loading state\n    const shimmerBox = document.getElementsByClassName(\"shimmer-box\")[0] as\n      | HTMLElement\n      | undefined;\n    shimmerBox?.style.setProperty(\"display\", \"none\");\n  };\n\n  useEffect(() => {\n    const promise =\n      articleDate === \"today\"\n        ? ArticleService.getLatestArticle()\n        : ArticleService.getArticleByDate(articleDate);\n    promise\n      .then((article: Article) => {\n        setArticle(article);\n        removeLoadingState();\n        return;\n      })\n      .catch((e: Error) => {\n        // eslint-disable-next-line no-console\n        console.error(e);\n        setError(e);\n        removeLoadingState();\n      });\n  }, [articleDate]);\n\n  return { article, error };\n};\n"],"names":["getMonth","date","options","toDate","getYear","ArticleService","year","month","day","__request","OpenAPI","region","getArticleDate","isValid","getArticleImageUrl","image","format","isDarkMode","url","url_responsive","url_dark","Image","altText","testId","rest","useDarkMode","src","title","alt","jsx","classNames","Figure","source","legend","showCaption","jsxs","useArticleDate","articleDate","setArticleDate","useState","useEffect","handleHashChange","useArticle","article","setArticle","error","setError","removeLoadingState","shimmerBox","e"],"mappings":"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","x_google_ignoreList":[0,1]}