+
{`${titlePrefix} - ${ogTitle}`}
@@ -104,12 +126,8 @@ export default function AppLayout(props: AppLayoutProps): JSX.Element {
content={`${titlePrefix} - ${ogTitle}`}
>
- {props.description && (
- <>
-
-
-
- )}
+
+
@@ -128,145 +146,247 @@ export default function AppLayout(props: AppLayoutProps): JSX.Element {
+ {/* Background when navbar is opened */}
+
+
+
+ {/* Content panel */}
+ {
+ appLayout.setMainPanelOpen(false);
+ appLayout.setSubPanelOpen(false);
+ }}
+ >
+
+ {contentPanel ? (
+ contentPanel
+ ) : (
+
+
+ {/* Sub panel */}
+ {subPanel && (
+
+
+ )}
+
+
+ ❮
+{langui.select_option_sidebar}
+
+ {subPanel}
+
+ )}
+
+ {/* Main panel */}
+
+
+
{/* Navbar */}
-
+
appLayout.setMainPanelOpen(true)}
+ onClick={() => {
+ appLayout.setMainPanelOpen(!appLayout.mainPanelOpen);
+ appLayout.setSubPanelOpen(false);
+ }}
>
- menu
+ {appLayout.mainPanelOpen ? "close" : "menu"}
- {/* Content panel */}
- {props.navTitle}
appLayout.setSubPanelOpen(true)} + onClick={() => { + appLayout.setSubPanelOpen(!appLayout.subPanelOpen); + appLayout.setMainPanelOpen(false); + }} > - {props.subPanel && !turnSubIntoContent - ? props.subPanelIcon + {subPanel && !turnSubIntoContent + ? appLayout.subPanelOpen + ? "close" + : props.subPanelIcon ? props.subPanelIcon : "tune" : ""}
- {props.contentPanel ? (
- props.contentPanel
- ) : (
-
- ;
};
export default function Button(props: ButtonProps): JSX.Element {
+ const router = useRouter();
+
const button = (
diff --git a/src/components/Content/ThumbnailHeader.tsx b/src/components/Content/ThumbnailHeader.tsx
index 13f1c3a..23bba89 100644
--- a/src/components/Content/ThumbnailHeader.tsx
+++ b/src/components/Content/ThumbnailHeader.tsx
@@ -1,85 +1,90 @@
+import Chip from "components/Chip";
+import Img, { ImageQuality } from "components/Img";
+import InsetBox from "components/InsetBox";
import {
GetContentQuery,
GetWebsiteInterfaceQuery,
} from "graphql/operations-types";
-import { prettySlug } from "queries/helpers";
-import Button from "components/Button";
-import Img, { ImageQuality } from "components/Img";
-import InsetBox from "components/InsetBox";
+import { prettyinlineTitle, prettySlug, slugify } from "queries/helpers";
export type ThumbnailHeaderProps = {
- content: {
- slug: GetContentQuery["contents"]["data"][number]["attributes"]["slug"];
- thumbnail: GetContentQuery["contents"]["data"][number]["attributes"]["thumbnail"];
- titles: GetContentQuery["contents"]["data"][number]["attributes"]["titles"];
- type: GetContentQuery["contents"]["data"][number]["attributes"]["type"];
- categories: GetContentQuery["contents"]["data"][number]["attributes"]["categories"];
- };
+ pre_title?: string;
+ title: string;
+ subtitle?: string;
+ description?: string;
+ type?: GetContentQuery["contents"]["data"][number]["attributes"]["type"];
+ categories?: GetContentQuery["contents"]["data"][number]["attributes"]["categories"];
+ thumbnail?: GetContentQuery["contents"]["data"][number]["attributes"]["thumbnail"]["data"]["attributes"];
langui: GetWebsiteInterfaceQuery["websiteInterfaces"]["data"][number]["attributes"];
};
export default function ThumbnailHeader(
props: ThumbnailHeaderProps
): JSX.Element {
- const content = props.content;
- const langui = props.langui;
+ const {
+ langui,
+ pre_title,
+ title,
+ subtitle,
+ thumbnail,
+ type,
+ categories,
+ description,
+ } = props;
return (
<>
-
+
);
}
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index 1106928..8da4382 100644
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -1,17 +1,19 @@
-import Link from "next/link";
+import { useRouter } from "next/router";
import { MouseEventHandler } from "react";
type ButtonProps = {
id?: string;
className?: string;
href?: string;
- children: React.ReactChild | React.ReactChild[];
+ children: React.ReactNode;
active?: boolean;
locale?: string;
onClick?: MouseEventHandler❮
-- Select one of the options in the sidebar -
+{langui.select_language}
+
+ {router.locales?.map((locale) => (
+
+ ))}
+
+
+
+ {langui.settings}
+ +
+
- {/* Background when navbar is opened */}
-
+
- )}
- {langui.theme}
+
+
+
+
{
- appLayout.setMainPanelOpen(false);
- appLayout.setSubPanelOpen(false);
- }}
- >
+
+
- {/* Sub panel */}
- {props.subPanel ? (
- {langui.currency}
+
+
+
+
- {props.subPanel}
-
- ) : (
- ""
- )}
-
- {/* Main panel */}
-
-
-
- {/* Main panel minimize button*/}
-
- appLayout.setMainPanelReduced(!appLayout.mainPanelReduced)
- }
- >
-
-
-
- {/* Language selection background */}
- {
- appLayout.setLanguagePanelOpen(false);
- }}
- >
-
-
- {props.extra}
-
-
- Select a language
-
- {router.locales?.sort().map((locale) => (
+
-
+
+
+ {langui.font_size}
+
- ))}
+
+
+
+
+
+
+ {langui.font}
+
+
+
+
+
+
{langui.player_name}
+ + appLayout.setPlayerName( + (event.target as HTMLInputElement).value + ) + } + />
{props.children}
);
- const result = props.href ? (
-
+ return (
+ {
+ if (props.href || props.locale)
+ router.push(props.href ?? router.asPath, props.href, {
+ locale: props.locale,
+ });
+ }}
+ >
{button}
-
- ) : (
- button
+
);
- return result;
}
diff --git a/src/components/Chip.tsx b/src/components/Chip.tsx
index e490ddc..282f566 100644
--- a/src/components/Chip.tsx
+++ b/src/components/Chip.tsx
@@ -1,25 +1,12 @@
type ChipProps = {
className?: string;
- children: React.ReactChild | React.ReactChild[];
- "data-tip"?: string;
- "data-for"?: string;
- "data-html"?: boolean;
- "data-multiline"?: boolean;
+ children: React.ReactNode;
};
export default function Chip(props: ChipProps): JSX.Element {
return (
{props.children}
diff --git a/src/components/Chronology/ChronologyItemComponent.tsx b/src/components/Chronology/ChronologyItemComponent.tsx
index 090fb92..a2b1e0f 100644
--- a/src/components/Chronology/ChronologyItemComponent.tsx
+++ b/src/components/Chronology/ChronologyItemComponent.tsx
@@ -1,35 +1,40 @@
import Chip from "components/Chip";
+import ToolTip from "components/ToolTip";
import {
Enum_Componenttranslationschronologyitem_Status,
GetChronologyItemsQuery,
+ GetWebsiteInterfaceQuery,
} from "graphql/operations-types";
+import { getStatusDescription } from "queries/helpers";
export type ChronologyItemComponentProps = {
item: GetChronologyItemsQuery["chronologyItems"]["data"][number];
displayYear: boolean;
+ langui: GetWebsiteInterfaceQuery["websiteInterfaces"]["data"][number]["attributes"];
};
export default function ChronologyItemComponent(
props: ChronologyItemComponentProps
): JSX.Element {
+ const { langui } = props;
+
function generateAnchor(year: number, month: number, day: number): string {
- let result: string = "";
+ let result = "";
result += year;
- if (month) result += "-" + month.toString().padStart(2, "0");
- if (day) result += "-" + day.toString().padStart(2, "0");
+ if (month) result += `- ${month.toString().padStart(2, "0")}`;
+ if (day) result += `- ${day.toString().padStart(2, "0")}`;
return result;
}
function generateYear(displayed_date: string, year: number): string {
if (displayed_date) {
return displayed_date;
- } else {
- return year.toString();
}
+ return year.toString();
}
function generateDate(month: number, day: number): string {
- let lut = [
+ const lut = [
"Jan",
"Feb",
"Mar",
@@ -44,11 +49,11 @@ export default function ChronologyItemComponent(
"Dec",
];
- let result: string = "";
+ let result = "";
if (month) {
result += lut[month - 1];
if (day) {
- result += " " + day;
+ result += ` ${day}`;
}
}
@@ -64,15 +69,13 @@ export default function ChronologyItemComponent(
props.item.attributes.day
)}
>
- {props.displayYear ? (
+ {props.displayYear && (
{generateYear( props.item.attributes.displayed_date, props.item.attributes.year )}
- ) : ( - "" )}@@ -87,28 +90,17 @@ export default function ChronologyItemComponent(
{translation.status !==
Enum_Componenttranslationschronologyitem_Status.Done && (
-
- {translation.status}
-
+ {translation.status}
+
)}
{translation.title ?
- {translation.description ? (
+ {translation.description && (
{translation.title}
: ""}1 @@ -118,11 +110,9 @@ export default function ChronologyItemComponent( > {translation.description}
- ) : ( - "" )} {translation.note ? ( - {"Notes: " + translation.note} + {`Notes: ${translation.note}`} ) : ( "" )} @@ -131,7 +121,7 @@ export default function ChronologyItemComponent({event.source.data ? ( - "(" + event.source.data.attributes.name + ")" + `(${event.source.data.attributes.name})` ) : ( <> warningNo diff --git a/src/components/Chronology/ChronologyYearComponent.tsx b/src/components/Chronology/ChronologyYearComponent.tsx index 8136ac0..d4cfbd0 100644 --- a/src/components/Chronology/ChronologyYearComponent.tsx +++ b/src/components/Chronology/ChronologyYearComponent.tsx @@ -1,14 +1,20 @@ import ChronologyItemComponent from "components/Chronology/ChronologyItemComponent"; -import { GetChronologyItemsQuery } from "graphql/operations-types"; +import { + GetChronologyItemsQuery, + GetWebsiteInterfaceQuery, +} from "graphql/operations-types"; type ChronologyYearComponentProps = { year: number; items: GetChronologyItemsQuery["chronologyItems"]["data"][number][]; + langui: GetWebsiteInterfaceQuery["websiteInterfaces"]["data"][number]["attributes"]; }; export default function ChronologyYearComponent( props: ChronologyYearComponentProps ): JSX.Element { + const { langui } = props; + return (
))}
- {content.thumbnail.data ? (
+ {thumbnail ? (
![]()
) : (
-
+
)}
-
- {content.titles.length > 0 ? (
- <>
-
{content.titles[0].pre_title}
-{content.titles[0].title}
-{content.titles[0].subtitle}
- - ) : ( -{prettySlug(content.slug)}
+
+
{pre_title}
+{title}
+{subtitle}
- {content.type ? (
- appLayout.setMainPanelOpen(false)}
/>
@@ -94,9 +149,8 @@ export default function MainPanel(props: MainPanelProps): JSX.Element {
appLayout.setMainPanelOpen(false)}
/>
@@ -104,66 +158,73 @@ export default function MainPanel(props: MainPanelProps): JSX.Element {
appLayout.setMainPanelOpen(false)}
/>
+ {/*
+
appLayout.setMainPanelOpen(false)}
/>
+
+ */}
appLayout.setMainPanelOpen(false)}
/>
-
+ {/*
appLayout.setMainPanelOpen(false)}
/>
+
+ */}
appLayout.setMainPanelOpen(false)}
/>
+ {/*
+
appLayout.setMainPanelOpen(false)}
/>
+
+ */}
+
appLayout.setMainPanelOpen(false)}
/>
@@ -176,10 +237,8 @@ export default function MainPanel(props: MainPanelProps): JSX.Element {
}`}
>
- {content.titles[0].description}
- )}
+ {description && {description} }
);
}
diff --git a/src/components/Img.tsx b/src/components/Img.tsx
index 8723bbb..c3bec91 100644
--- a/src/components/Img.tsx
+++ b/src/components/Img.tsx
@@ -1,6 +1,5 @@
import { StrapiImage } from "graphql/operations-types";
-import { ImageProps } from "next/image";
-import Image from "next/image";
+import Image, { ImageProps } from "next/image";
export enum ImageQuality {
Small = "small",
@@ -10,11 +9,12 @@ export enum ImageQuality {
}
export function getAssetURL(url: string, quality: ImageQuality): string {
- url = url.replace(/^\/uploads/, "/" + quality);
- url = url.replace(/.jpg$/, ".webp");
- url = url.replace(/.png$/, ".webp");
- if (quality === ImageQuality.Og) url = url.replace(/.webp$/, ".jpg");
- return process.env.NEXT_PUBLIC_URL_IMG + url;
+ let newUrl = url;
+ newUrl = newUrl.replace(/^\/uploads/u, `/${quality}`);
+ newUrl = newUrl.replace(/.jpg$/u, ".webp");
+ newUrl = newUrl.replace(/.png$/u, ".webp");
+ if (quality === ImageQuality.Og) newUrl = newUrl.replace(/.webp$/u, ".jpg");
+ return process.env.NEXT_PUBLIC_URL_IMG + newUrl;
}
export function getImgSizesByMaxSize(
@@ -25,10 +25,9 @@ export function getImgSizesByMaxSize(
if (width > height) {
if (width < maxSize) return { width: width, height: height };
return { width: maxSize, height: (height / width) * maxSize };
- } else {
- if (height < maxSize) return { width: width, height: height };
- return { width: (width / height) * maxSize, height: maxSize };
}
+ if (height < maxSize) return { width: width, height: height };
+ return { width: (width / height) * maxSize, height: maxSize };
}
export function getImgSizesByQuality(
@@ -45,12 +44,14 @@ export function getImgSizesByQuality(
return getImgSizesByMaxSize(width, height, 1024);
case ImageQuality.Large:
return getImgSizesByMaxSize(width, height, 2048);
+ default:
+ return { width: 0, height: 0 };
}
}
type ImgProps = {
className?: string;
- image: StrapiImage;
+ image?: StrapiImage;
quality?: ImageQuality;
alt?: ImageProps["alt"];
layout?: ImageProps["layout"];
@@ -60,27 +61,28 @@ type ImgProps = {
};
export default function Img(props: ImgProps): JSX.Element {
- const imgSize = getImgSizesByQuality(
- props.image.width,
- props.image.height,
- props.quality ? props.quality : ImageQuality.Small
- );
-
- if (props.rawImg) {
- return (
- // eslint-disable-next-line @next/next/no-img-element
- 
+ if (props.image) {
+ const imgSize = getImgSizesByQuality(
+ props.image.width,
+ props.image.height,
+ props.quality ? props.quality : ImageQuality.Small
);
- } else {
+
+ if (props.rawImg) {
+ return (
+ // eslint-disable-next-line @next/next/no-img-element
+
+ );
+ }
return (
-
+
);
}
diff --git a/src/components/PanelComponents/PanelHeader.tsx b/src/components/PanelComponents/PanelHeader.tsx
index 94e32b3..925d46d 100644
--- a/src/components/PanelComponents/PanelHeader.tsx
+++ b/src/components/PanelComponents/PanelHeader.tsx
@@ -10,10 +10,8 @@ export default function PanelHeader(props: PanelHeaderProps): JSX.Element {
return (
<>
{langui.global_type}
- + {type?.data && ( +
+
- ) : (
- ""
)}
- {content.categories.data.length > 0 ? (
- {langui.type}
+
+
+ {type.data.attributes.titles.length > 0
+ ? type.data.attributes.titles[0].title
+ : prettySlug(type.data.attributes.slug)}
+
+
-
- {content.titles.length > 0 && content.titles[0].description && (
- {langui.global_categories}
- {content.categories.data.map((category) => ( - - ))} + {categories && categories.data.length > 0 && ( +
+
- ) : (
- ""
)}
{langui.categories}
+
+ {categories.data.map((category) => (
+ {category.attributes.name}
+ ))}
+
+
+ );
+}
diff --git a/src/components/Library/ContentTOCLine.tsx b/src/components/Library/ContentTOCLine.tsx
new file mode 100644
index 0000000..06de4d4
--- /dev/null
+++ b/src/components/Library/ContentTOCLine.tsx
@@ -0,0 +1,101 @@
+import Button from "components/Button";
+import Chip from "components/Chip";
+import {
+ GetLibraryItemQuery,
+ GetWebsiteInterfaceQuery,
+} from "graphql/operations-types";
+import { prettyinlineTitle, prettySlug } from "queries/helpers";
+import { useState } from "react";
+
+type ContentTOCLineProps = {
+ content: GetLibraryItemQuery["libraryItems"]["data"][number]["attributes"]["contents"]["data"][number];
+ parentSlug: string;
+ langui: GetWebsiteInterfaceQuery["websiteInterfaces"]["data"][number]["attributes"];
+};
+
+export default function ContentTOCLine(
+ props: ContentTOCLineProps
+): JSX.Element {
+ const { content, langui, parentSlug } = props;
+
+ const [opened, setOpened] = useState(false);
+
+ return (
+
+
+ {langui.language_switch_message}
+
+ {locales.map((locale, index) => (
+
+ ))}
+
+
+
+ );
+}
diff --git a/src/components/Library/LibraryContentPreview.tsx b/src/components/Library/LibraryContentPreview.tsx
index bcebbce..89c0c82 100644
--- a/src/components/Library/LibraryContentPreview.tsx
+++ b/src/components/Library/LibraryContentPreview.tsx
@@ -1,8 +1,8 @@
-import Link from "next/link";
-import { GetContentsQuery } from "graphql/operations-types";
-import { prettySlug } from "queries/helpers";
import Chip from "components/Chip";
import Img, { ImageQuality } from "components/Img";
+import { GetContentsQuery } from "graphql/operations-types";
+import Link from "next/link";
+import { prettySlug } from "queries/helpers";
export type LibraryContentPreviewProps = {
item: {
@@ -17,10 +17,10 @@ export type LibraryContentPreviewProps = {
export default function LibraryContentPreview(
props: LibraryContentPreviewProps
): JSX.Element {
- const item = props.item;
+ const { item } = props;
return (
-
+
+
+
+ {content.attributes.content.data.attributes.type.data.attributes
+ .titles.length > 0
+ ? content.attributes.content.data.attributes.type.data.attributes
+ .titles[0].title
+ : prettySlug(
+ content.attributes.content.data.attributes.type.data
+ .attributes.slug
+ )}
+
+ )}
+
+ setOpened(!opened)}> + {content.attributes.content.data && + content.attributes.content.data.attributes.titles.length > 0 + ? prettyinlineTitle( + content.attributes.content.data.attributes.titles[0] + .pre_title, + content.attributes.content.data.attributes.titles[0].title, + content.attributes.content.data.attributes.titles[0].subtitle + ) + : prettySlug(content.attributes.slug, props.parentSlug)} +
+ +
+ {content.attributes.content.data?.attributes.categories.data.map(
+ (category) => (
+ {category.attributes.short}
+ )
+ )}
+
+
+ + {content.attributes.range[0].__typename === "ComponentRangePageRange" + ? content.attributes.range[0].starting_page + : ""} +
+ {content.attributes.content.data && ( +
+
+ subdirectory_arrow_right
+
+
+ {content.attributes.scan_set.length > 0 && (
+
+ )}
+
+ {content.attributes.content.data && (
+
+ )}
+
+ {content.attributes.scan_set.length === 0 &&
+ !content.attributes.content.data
+ ? "The content is not available"
+ : ""}
+
+
{item.thumbnail.data ? (
![]()
)}
- {item.type.data ? (
+ {item.type.data && (
{item.type.data.attributes.titles.length > 0
? item.type.data.attributes.titles[0].title
: prettySlug(item.type.data.attributes.slug)}
- ) : (
- ""
)}
diff --git a/src/components/Library/LibraryItemsPreview.tsx b/src/components/Library/LibraryItemsPreview.tsx
index d4f97ef..f667268 100644
--- a/src/components/Library/LibraryItemsPreview.tsx
+++ b/src/components/Library/LibraryItemsPreview.tsx
@@ -1,8 +1,12 @@
-import Link from "next/link";
-import { GetLibraryItemsPreviewQuery } from "graphql/operations-types";
-import { prettyDate, prettyPrice, prettyItemSubType } from "queries/helpers";
import Chip from "components/Chip";
import Img, { ImageQuality } from "components/Img";
+import { useAppLayout } from "contexts/AppLayoutContext";
+import {
+ GetCurrenciesQuery,
+ GetLibraryItemsPreviewQuery,
+} from "graphql/operations-types";
+import Link from "next/link";
+import { prettyDate, prettyItemSubType, prettyPrice } from "queries/helpers";
export type LibraryItemsPreviewProps = {
className?: string;
@@ -12,68 +16,76 @@ export type LibraryItemsPreviewProps = {
title: GetLibraryItemsPreviewQuery["libraryItems"]["data"][number]["attributes"]["title"];
subtitle: GetLibraryItemsPreviewQuery["libraryItems"]["data"][number]["attributes"]["subtitle"];
price?: GetLibraryItemsPreviewQuery["libraryItems"]["data"][number]["attributes"]["price"];
+ categories: GetLibraryItemsPreviewQuery["libraryItems"]["data"][number]["attributes"]["categories"];
release_date?: GetLibraryItemsPreviewQuery["libraryItems"]["data"][number]["attributes"]["release_date"];
metadata?: GetLibraryItemsPreviewQuery["libraryItems"]["data"][number]["attributes"]["metadata"];
};
+ currencies?: GetCurrenciesQuery["currencies"]["data"];
};
export default function LibraryItemsPreview(
props: LibraryItemsPreviewProps
): JSX.Element {
- const item = props.item;
+ const { item } = props;
+ const appLayout = useAppLayout();
return (
-
+
>
+ | Dispatch>;
+ state: boolean;
+ images: string[];
+ index: number;
+ setIndex: Dispatch>;
+};
+
+export default function LightBox(props: LightBoxProps): JSX.Element {
+ const { state, setState, images, index, setIndex } = props;
+ const mobile = useMediaMobile();
+
+ return (
+ <>
+ {state && (
+ document.getElementById("MyAppLayout"),
+ }}
+ mainSrc={images[index]}
+ prevSrc={index > 0 ? images[index - 1] : undefined}
+ nextSrc={index < images.length ? images[index + 1] : undefined}
+ onMovePrevRequest={() => setIndex(index - 1)}
+ onMoveNextRequest={() => setIndex(index + 1)}
+ imageCaption=""
+ imageTitle=""
+ onCloseRequest={() => setState(false)}
+ imagePadding={mobile ? 0 : 70}
+ />
+ )}
+
+ );
+}
diff --git a/src/components/Markdown/Markdawn.tsx b/src/components/Markdown/Markdawn.tsx
index 8212ad4..3e7d108 100644
--- a/src/components/Markdown/Markdawn.tsx
+++ b/src/components/Markdown/Markdawn.tsx
@@ -1,30 +1,388 @@
+import HorizontalLine from "components/HorizontalLine";
+import Img, { getAssetURL, ImageQuality } from "components/Img";
+import InsetBox from "components/InsetBox";
+import LightBox from "components/LightBox";
+import ToolTip from "components/ToolTip";
+import { useAppLayout } from "contexts/AppLayoutContext";
import Markdown from "markdown-to-jsx";
-import SceneBreak from "./SceneBreak";
+import { useRouter } from "next/router";
+import { slugify } from "queries/helpers";
+import React, { useState } from "react";
+import ReactDOMServer from "react-dom/server";
-type ScenBreakProps = {
+type MarkdawnProps = {
className?: string;
text: string;
};
-export default function Markdawn(props: ScenBreakProps): JSX.Element {
- if (props.text) {
+export default function Markdawn(props: MarkdawnProps): JSX.Element {
+ const appLayout = useAppLayout();
+ const text = preprocessMarkDawn(props.text);
+
+ const router = useRouter();
+
+ const [lightboxOpen, setLightboxOpen] = useState(false);
+ const [lightboxImages, setLightboxImages] = useState([""]);
+ const [lightboxIndex, setLightboxIndex] = useState(0);
+
+ if (text) {
return (
-
+ {
+ if (compProps.href.startsWith("/")) {
+ return (
+ router.push(compProps.href)}>
+ {compProps.children}
+
+ );
+ }
+ return {compProps.children};
+ },
+ },
+ h1: {
+ component: (compProps: {
+ id: string;
+ style: React.CSSProperties;
+ children: React.ReactNode;
+ }) => (
+
+ {compProps.children}
+
+ ),
+ },
+ h2: {
+ component: (compProps: {
+ id: string;
+ style: React.CSSProperties;
+ children: React.ReactNode;
+ }) => (
+
+ {compProps.children}
+
+ ),
+ },
+ h3: {
+ component: (compProps: {
+ id: string;
+ style: React.CSSProperties;
+ children: React.ReactNode;
+ }) => (
+
+ {compProps.children}
+
+ ),
+ },
+ h4: {
+ component: (compProps: {
+ id: string;
+ style: React.CSSProperties;
+ children: React.ReactNode;
+ }) => (
+
+ {compProps.children}
+
+ ),
+ },
+ h5: {
+ component: (compProps: {
+ id: string;
+ style: React.CSSProperties;
+ children: React.ReactNode;
+ }) => (
+
+ {compProps.children}
+
+ ),
+ },
+ h6: {
+ component: (compProps: {
+ id: string;
+ style: React.CSSProperties;
+ children: React.ReactNode;
+ }) => (
+
+ {compProps.children}
+
+ ),
+ },
+ Sep: {
+ component: () => ,
+ },
+ SceneBreak: {
+ component: (compProps: { id: string }) => (
+ "}
+
+ ),
+ },
+ Transcript: {
+ component: (compProps) => (
+ {compProps.children}
+ ),
+ },
+ li: {
+ component: (compProps: { children: React.ReactNode }) => (
+ {compProps.children}
+ ).length > 100
+ ? "my-4"
+ : ""
+ }
+ >
+ {compProps.children}
+
+ ),
+ },
+ Highlight: {
+ component: (compProps: { children: React.ReactNode }) => (
+ {compProps.children}
+ ),
+ },
+ footer: {
+ component: (compProps: { children: React.ReactNode }) => (
+ <>
+ "} }
- },
- },
- }}
- >
- {props.text}
-
+ }}
+ >
+ {text}
+
+
);
}
return <>;
-}
\ No newline at end of file
+}
+
+function HeaderToolTip(props: { id: string }) {
+ return (
+
+
+ {
+ navigator.clipboard.writeText(
+ `${process.env.NEXT_PUBLIC_URL_SELF + window.location.pathname}#${
+ props.id
+ }`
+ );
+ }}
+ >
+ link
+
+
+
+ );
+}
+
+export function preprocessMarkDawn(text: string): string {
+ if (!text) return "";
+
+ let scenebreakIndex = 0;
+ const visitedSlugs: string[] = [];
+
+ const result = text.split("\n").map((line) => {
+ if (line === "* * *" || line === "---") {
+ scenebreakIndex += 1;
+ return ``;
+ }
+
+ if (line.startsWith("# ")) {
+ return markdawnHeadersParser(headerLevels.h1, line, visitedSlugs);
+ }
+
+ if (line.startsWith("## ")) {
+ return markdawnHeadersParser(headerLevels.h2, line, visitedSlugs);
+ }
+
+ if (line.startsWith("### ")) {
+ return markdawnHeadersParser(headerLevels.h3, line, visitedSlugs);
+ }
+
+ if (line.startsWith("#### ")) {
+ return markdawnHeadersParser(headerLevels.h4, line, visitedSlugs);
+ }
+
+ if (line.startsWith("##### ")) {
+ return markdawnHeadersParser(headerLevels.h5, line, visitedSlugs);
+ }
+
+ if (line.startsWith("###### ")) {
+ return markdawnHeadersParser(headerLevels.h6, line, visitedSlugs);
+ }
+
+ return line;
+ });
+ return result.join("\n");
+}
+
+enum headerLevels {
+ h1 = 1,
+ h2 = 2,
+ h3 = 3,
+ h4 = 4,
+ h5 = 5,
+ h6 = 6,
+}
+
+function markdawnHeadersParser(
+ headerLevel: headerLevels,
+ line: string,
+ visitedSlugs: string[]
+): string {
+ const lineText = line.slice(headerLevel + 1);
+ const slug = slugify(lineText);
+ let newSlug = slug;
+ let index = 2;
+ while (visitedSlugs.includes(newSlug)) {
+ newSlug = `${slug}-${index}`;
+ index += 1;
+ }
+ visitedSlugs.push(newSlug);
+ return `<${headerLevels[headerLevel]} id="${newSlug}">${lineText}`;
+}
diff --git a/src/components/Markdown/SceneBreak.tsx b/src/components/Markdown/SceneBreak.tsx
deleted file mode 100644
index a636120..0000000
--- a/src/components/Markdown/SceneBreak.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-type ScenBreakProps = {
- className?: string;
-};
-
-export default function SceneBreak(props: ScenBreakProps): JSX.Element {
- return (
-
+
+ }
+ placement="right"
+ className="text-left"
+ disabled={!props.reduced}
+ >
{item.thumbnail.data ? (
![]()
) : (
)}
diff --git a/src/components/LightBox.tsx b/src/components/LightBox.tsx
new file mode 100644
index 0000000..41754bc
--- /dev/null
+++ b/src/components/LightBox.tsx
@@ -0,0 +1,39 @@
+import { useMediaMobile } from "hooks/useMediaQuery";
+import { Dispatch, SetStateAction } from "react";
+import Lightbox from "react-image-lightbox";
+
+export type LightBoxProps = {
+ setState:
+ | Dispatch
- {item.metadata && item.metadata.length > 0 ? (
+ {item.metadata && item.metadata.length > 0 && (
{prettyItemSubType(item.metadata[0])}
- ) : (
- ""
)}
- {item.release_date || item.price ? (
+
+
{item.title}
{item.subtitle}
+ {item.categories.data.map((category) => (
+
+ {category.attributes.short}
+
+ ))}
+
+
+ {(item.release_date || item.price) && (
- {item.release_date ? (
+ {item.release_date && (
- ) : (
- ""
)}
event {prettyDate(item.release_date)}
- ) : ( - "" )} - {item.price ? ( + {item.price && props.currencies && (shopping_cart - {prettyPrice(item.price)} + {prettyPrice( + item.price, + props.currencies, + appLayout.currency + )}
- ) : ( - "" )}
+ {compProps.children}
+
+ ),
+ },
+ h2: {
+ component: (compProps: {
+ id: string;
+ style: React.CSSProperties;
+ children: React.ReactNode;
+ }) => (
+
+ {compProps.children}
+
+ ),
+ },
+ h3: {
+ component: (compProps: {
+ id: string;
+ style: React.CSSProperties;
+ children: React.ReactNode;
+ }) => (
+
+ {compProps.children}
+
+ ),
+ },
+ h4: {
+ component: (compProps: {
+ id: string;
+ style: React.CSSProperties;
+ children: React.ReactNode;
+ }) => (
+
+ {compProps.children}
+
+ ),
+ },
+ h5: {
+ component: (compProps: {
+ id: string;
+ style: React.CSSProperties;
+ children: React.ReactNode;
+ }) => (
+
+ {compProps.children}
+
+ ),
+ },
+ h6: {
+ component: (compProps: {
+ id: string;
+ style: React.CSSProperties;
+ children: React.ReactNode;
+ }) => (
+
+ {compProps.children}
+
+ ),
+ },
+ Sep: {
+ component: () => ,
+ },
+ SceneBreak: {
+ component: (compProps: { id: string }) => (
+
+ * * *
+
+ ),
+ },
+ IntraLink: {
+ component: (compProps: {
+ children: React.ReactNode;
+ target?: string;
+ page?: string;
+ }) => {
+ const slug = compProps.target
+ ? slugify(compProps.target)
+ : slugify(compProps.children?.toString());
+ return (
+
+ router.replace(
+ `${compProps.page ? compProps.page : ""}#${slug}`
+ )
+ }
+ >
+ {compProps.children}
+
+ );
+ },
+ },
+ player: {
+ component: () => (
+
+ {appLayout.playerName ? appLayout.playerName : "
+ {compProps.children}
+
+ ),
+ },
+ Line: {
+ component: (compProps) => (
+ <>
+
+ {compProps.name}
+
+ {compProps.children}
+ + ), + }, + InsetBox: { + component: (compProps) => ( +{compProps.children}
+
+ ),
+ },
+ blockquote: {
+ component: (compProps: {
+ children: React.ReactNode;
+ cite?: string;
+ }) => (
+ + {compProps.cite ? ( + <> + “{compProps.children}” + — {compProps.cite} + + ) : ( + compProps.children + )} ++ ), + }, + img: { + component: (compProps: { + alt: string; + src: string; + width?: number; + height?: number; + caption?: string; + name?: string; + }) => ( +
{
+ setLightboxOpen(true);
+ setLightboxImages([
+ compProps.src.startsWith("/uploads/")
+ ? getAssetURL(compProps.src, ImageQuality.Large)
+ : compProps.src,
+ ]);
+ setLightboxIndex(0);
+ }}
+ >
+ {compProps.src.startsWith("/uploads/") ? (
+
+ ),
+ },
},
- player: {
- component: () => {return {"
+ ![]()
+
+ ) : (
+
+ {/* eslint-disable-next-line jsx-a11y/alt-text */}
+ ![]()
+
+ )}
+
- * * *
-
- );
-}
diff --git a/src/components/Markdown/TOC.tsx b/src/components/Markdown/TOC.tsx
new file mode 100644
index 0000000..430c358
--- /dev/null
+++ b/src/components/Markdown/TOC.tsx
@@ -0,0 +1,165 @@
+import { useRouter } from "next/router";
+import { slugify } from "queries/helpers";
+import { preprocessMarkDawn } from "./Markdawn";
+
+type TOCProps = {
+ text: string;
+ title?: string;
+};
+
+export default function TOCComponent(props: TOCProps): JSX.Element {
+ const { text, title } = props;
+ const toc = getTocFromMarkdawn(preprocessMarkDawn(text), title);
+ const router = useRouter();
+
+ return (
+ <>
+ Table of content
+ + + ); +} + +type TOCLevelProps = { + tocchildren: TOC[]; + parentNumbering: string; +}; + +function TOCLevel(props: TOCLevelProps): JSX.Element { + const router = useRouter(); + const { tocchildren, parentNumbering } = props; + return ( +-
+ {tocchildren.map((child, childIndex) => (
+ <>
+
- + {`${parentNumbering}${ + childIndex + 1 + }.`}{" "} + router.replace(`#${child.slug}`)}> + {{child.title}} + + +
+
+ {post.thumbnail.data ? (
+ ![]()
+ ) : (
+
+ )}
+
+
+ {post.date && (
+
+
+ event
+
+ {prettyDate(post.date)}
+
+ )}
+
+
+ {post.translations.length > 0 ? (
+ <>
+ {post.translations[0].title}
+ {post.translations[0].excerpt}
+
+ ) : (
+ {prettySlug(post.slug)}
+ )}
+
+
+ {post.categories.data.map((category) => (
+
+ {category.attributes.short}
+
+ ))}
+
+
+
+
+ );
+}
diff --git a/src/components/PanelComponents/NavOption.tsx b/src/components/PanelComponents/NavOption.tsx
index be793d4..c640aa9 100644
--- a/src/components/PanelComponents/NavOption.tsx
+++ b/src/components/PanelComponents/NavOption.tsx
@@ -1,14 +1,12 @@
+import ToolTip from "components/ToolTip";
import { useRouter } from "next/router";
-import Link from "next/link";
import { MouseEventHandler } from "react";
-import ReactDOMServer from "react-dom/server";
type NavOptionProps = {
url: string;
icon?: string;
title: string;
subtitle?: string;
- tooltipId?: string;
border?: boolean;
reduced?: boolean;
onClick?: MouseEventHandler;
@@ -25,21 +23,29 @@ export default function NavOption(props: NavOptionProps): JSX.Element {
} ${isActive ? divActive : ""}`;
return (
-
+
+ {props.title}
+ {props.subtitle && {props.subtitle}
}
+
+
+
+ {post.date && (
+
+ + + event + + {prettyDate(post.date)} +
+ )} +
+ {post.translations.length > 0 ? (
+ <>
+
+ {post.translations[0].title}
+{post.translations[0].excerpt}
+ + ) : ( +{prettySlug(post.slug)}
+ )} +
+ {post.categories.data.map((category) => (
+
+ {category.attributes.short}
+
+ ))}
+
+ {props.title}
+ {props.subtitle &&{props.subtitle}
} +
-
- )}
- data-for={props.tooltipId}
- className={`grid grid-flow-col grid-cols-[auto] auto-cols-fr justify-center ${
+ onClick={(event) => {
+ if (props.onClick) props.onClick(event);
+ if (props.url) {
+ if (props.url.startsWith("#")) {
+ router.replace(props.url);
+ } else {
+ router.push(props.url);
+ }
+ }
+ }}
+ className={`relative grid grid-flow-col grid-cols-[auto] auto-cols-fr justify-center ${
props.icon ? "text-left" : "text-center"
} ${divCommon}`}
>
@@ -54,6 +60,6 @@ export default function NavOption(props: NavOptionProps): JSX.Element {
{props.title}
- {props.subtitle && ( -{props.subtitle}
- )} -
- {props.icon ? (
+ {props.icon && (
{props.icon}
- ) : (
- ""
)}
@@ -84,9 +140,8 @@ export default function MainPanel(props: MainPanelProps): JSX.Element {
{props.title}
{props.description ?{props.description}
: ""} diff --git a/src/components/PanelComponents/ReturnButton.tsx b/src/components/PanelComponents/ReturnButton.tsx index 6f2517c..e930e71 100644 --- a/src/components/PanelComponents/ReturnButton.tsx +++ b/src/components/PanelComponents/ReturnButton.tsx @@ -1,4 +1,5 @@ import Button from "components/Button"; +import HorizontalLine from "components/HorizontalLine"; import { useAppLayout } from "contexts/AppLayoutContext"; import { GetWebsiteInterfaceQuery } from "graphql/operations-types"; @@ -6,14 +7,39 @@ type ReturnButtonProps = { href: string; title: string; langui: GetWebsiteInterfaceQuery["websiteInterfaces"]["data"][number]["attributes"]; + displayOn: ReturnButtonType; + horizontalLine?: boolean; + className?: string; }; +export enum ReturnButtonType { + mobile = "mobile", + desktop = "desktop", + both = "both", +} + export default function ReturnButton(props: ReturnButtonProps): JSX.Element { const appLayout = useAppLayout(); return ( - +
+
+ {props.horizontalLine &&
);
}
diff --git a/src/components/Panels/ContentPanel.tsx b/src/components/Panels/ContentPanel.tsx
index 5b0dfa5..ad86d8a 100644
--- a/src/components/Panels/ContentPanel.tsx
+++ b/src/components/Panels/ContentPanel.tsx
@@ -5,19 +5,22 @@ type ContentPanelProps = {
};
export enum ContentPanelWidthSizes {
- default,
- large,
+ default = "default",
+ large = "large",
}
export default function ContentPanel(props: ContentPanelProps): JSX.Element {
const width = props.width ? props.width : ContentPanelWidthSizes.default;
const widthCSS =
- width === ContentPanelWidthSizes.default ? "max-w-[45rem]" : "w-full";
- const prose = props.autoformat ? "prose text-justify" : "";
+ width === ContentPanelWidthSizes.default ? "max-w-2xl" : "w-full";
return (
-
+
{props.children}
diff --git a/src/components/Panels/MainPanel.tsx b/src/components/Panels/MainPanel.tsx
index 1ac3b2f..f95ee31 100644
--- a/src/components/Panels/MainPanel.tsx
+++ b/src/components/Panels/MainPanel.tsx
@@ -1,20 +1,20 @@
-import Link from "next/link";
-import NavOption from "components/PanelComponents/NavOption";
-import SVG from "components/SVG";
-import { useRouter } from "next/router";
import Button from "components/Button";
import HorizontalLine from "components/HorizontalLine";
-import { GetWebsiteInterfaceQuery } from "graphql/operations-types";
-import Markdown from "markdown-to-jsx";
-import { useMediaDesktop } from "hooks/useMediaQuery";
+import NavOption from "components/PanelComponents/NavOption";
+import ToolTip from "components/ToolTip";
import { useAppLayout } from "contexts/AppLayoutContext";
+import { GetWebsiteInterfaceQuery } from "graphql/operations-types";
+import { useMediaDesktop } from "hooks/useMediaQuery";
+import Markdown from "markdown-to-jsx";
+import Link from "next/link";
+import { useRouter } from "next/router";
type MainPanelProps = {
langui: GetWebsiteInterfaceQuery["websiteInterfaces"]["data"][number]["attributes"];
};
export default function MainPanel(props: MainPanelProps): JSX.Element {
- const langui = props.langui;
+ const { langui } = props;
const router = useRouter();
const isDesktop = useMediaDesktop();
const appLayout = useAppLayout();
@@ -25,6 +25,20 @@ export default function MainPanel(props: MainPanelProps): JSX.Element {
appLayout.mainPanelReduced && isDesktop && "px-4"
}`}
>
+ {/* Reduce/expand main menu */}
+
+ appLayout.setMainPanelReduced(!appLayout.mainPanelReduced)
+ }
+ >
+
+
+
@@ -49,32 +63,74 @@ export default function MainPanel(props: MainPanelProps): JSX.Element {
: "flex-row"
} flex-wrap gap-2`}
>
-
-
- {router.locale && (
+
+
+ {router.locale && (
+ {langui.change_language}}
+ placement="right"
+ className="text-left"
+ disabled={!appLayout.mainPanelReduced}
+ >
+
+
+ )}
+
+ {/* {langui.open_search}}
+ placement="right"
+ className="text-left"
+ disabled={!appLayout.mainPanelReduced}
+ >
+
- )}
+ */}
- {langui.main_licensing ? (
-
- {langui.main_copyright ? (
-
diff --git a/src/components/Panels/SubPanel.tsx b/src/components/Panels/SubPanel.tsx
index 89f2584..be36a28 100644
--- a/src/components/Panels/SubPanel.tsx
+++ b/src/components/Panels/SubPanel.tsx
@@ -4,7 +4,7 @@ type SubPanelProps = {
export default function SubPanel(props: SubPanelProps): JSX.Element {
return (
-
+ >
+ | Dispatch>;
+ state?: boolean;
+ children: React.ReactNode;
+ fillViewport?: boolean;
+ hideBackground?: boolean;
+};
+
+export default function Popup(props: PopupProps): JSX.Element {
+ return (
+
{props.children}
);
diff --git a/src/components/Popup.tsx b/src/components/Popup.tsx
new file mode 100644
index 0000000..345ca26
--- /dev/null
+++ b/src/components/Popup.tsx
@@ -0,0 +1,54 @@
+import { Dispatch, SetStateAction } from "react";
+import Button from "./Button";
+
+export type PopupProps = {
+ setState:
+ | Dispatch {
+ if (event.key.match("Escape")) props.setState(false);
+ }}
+ tabIndex={0}
+ >
+
-
+
+ {recorder.attributes.anonymize
+ ? `Recorder#${recorder.attributes.anonymous_code}`
+ : recorder.attributes.username}
+
+
);
}
diff --git a/src/components/Select.tsx b/src/components/Select.tsx
new file mode 100644
index 0000000..74c270d
--- /dev/null
+++ b/src/components/Select.tsx
@@ -0,0 +1,66 @@
+import { Dispatch, SetStateAction, useState } from "react";
+
+export type SelectProps = {
+ setState: Dispatch>;
+ state: number;
+ options: string[];
+ selected?: number;
+ allowEmpty?: boolean;
+ className?: string;
+};
+
+export default function Select(props: SelectProps): JSX.Element {
+ const [opened, setOpened] = useState(false);
+
+ return (
+ >;
+ state: boolean;
+ className?: string;
+};
+
+export default function Switch(props: SwitchProps): JSX.Element {
+ return (
+
+
+ );
+}
diff --git a/src/contexts/AppLayoutContext.tsx b/src/contexts/AppLayoutContext.tsx
index eac6321..b931cdf 100644
--- a/src/contexts/AppLayoutContext.tsx
+++ b/src/contexts/AppLayoutContext.tsx
@@ -5,13 +5,20 @@ import React, { ReactNode, useContext } from "react";
export interface AppLayoutState {
subPanelOpen: boolean | undefined;
languagePanelOpen: boolean | undefined;
+ configPanelOpen: boolean | undefined;
mainPanelReduced: boolean | undefined;
mainPanelOpen: boolean | undefined;
darkMode: boolean | undefined;
+ selectedThemeMode: boolean | undefined;
+ fontSize: number | undefined;
+ dyslexic: boolean | undefined;
+ currency: string | undefined;
+ playerName: string | undefined;
setSubPanelOpen: React.Dispatch>;
setLanguagePanelOpen: React.Dispatch<
React.SetStateAction
>;
+ setConfigPanelOpen: React.Dispatch>;
setMainPanelReduced: React.Dispatch<
React.SetStateAction
>;
@@ -20,27 +27,44 @@ export interface AppLayoutState {
setSelectedThemeMode: React.Dispatch<
React.SetStateAction
>;
+ setFontSize: React.Dispatch>;
+ setDyslexic: React.Dispatch>;
+ setCurrency: React.Dispatch>;
+ setPlayerName: React.Dispatch>;
}
+/* eslint-disable @typescript-eslint/no-empty-function */
const initialState: AppLayoutState = {
subPanelOpen: false,
languagePanelOpen: false,
+ configPanelOpen: false,
mainPanelReduced: false,
mainPanelOpen: false,
darkMode: false,
+ selectedThemeMode: false,
+ fontSize: 1,
+ dyslexic: false,
+ currency: "USD",
+ playerName: "",
setSubPanelOpen: () => {},
setLanguagePanelOpen: () => {},
setMainPanelReduced: () => {},
setMainPanelOpen: () => {},
setDarkMode: () => {},
setSelectedThemeMode: () => {},
+ setConfigPanelOpen: () => {},
+ setFontSize: () => {},
+ setDyslexic: () => {},
+ setCurrency: () => {},
+ setPlayerName: () => {},
};
+/* eslint-enable @typescript-eslint/no-empty-function */
const AppContext = React.createContext(initialState);
export default AppContext;
-export function useAppLayout() {
+export function useAppLayout(): AppLayoutState {
return useContext(AppContext);
}
@@ -48,7 +72,7 @@ type Props = {
children: ReactNode;
};
-export const AppContextProvider = (props: Props) => {
+export function AppContextProvider(props: Props): JSX.Element {
const [subPanelOpen, setSubPanelOpen] = useStateWithLocalStorage<
boolean | undefined
>("subPanelOpen", initialState.subPanelOpen);
@@ -57,6 +81,10 @@ export const AppContextProvider = (props: Props) => {
boolean | undefined
>("languagePanelOpen", initialState.languagePanelOpen);
+ const [configPanelOpen, setConfigPanelOpen] = useStateWithLocalStorage<
+ boolean | undefined
+ >("configPanelOpen", initialState.configPanelOpen);
+
const [mainPanelReduced, setMainPanelReduced] = useStateWithLocalStorage<
boolean | undefined
>("mainPanelReduced", initialState.mainPanelReduced);
@@ -65,28 +93,56 @@ export const AppContextProvider = (props: Props) => {
boolean | undefined
>("mainPanelOpen", initialState.mainPanelOpen);
- const [darkMode, setDarkMode, setSelectedThemeMode] = useDarkMode(
- "darkMode",
- initialState.darkMode
+ const [darkMode, selectedThemeMode, setDarkMode, setSelectedThemeMode] =
+ useDarkMode("darkMode", initialState.darkMode);
+
+ const [fontSize, setFontSize] = useStateWithLocalStorage(
+ "fontSize",
+ initialState.fontSize
);
+ const [dyslexic, setDyslexic] = useStateWithLocalStorage(
+ "dyslexic",
+ initialState.dyslexic
+ );
+
+ const [currency, setCurrency] = useStateWithLocalStorage(
+ "currency",
+ initialState.currency
+ );
+
+ const [playerName, setPlayerName] = useStateWithLocalStorage<
+ string | undefined
+ >("playerName", initialState.playerName);
+
return (
{props.children}
);
-};
+}
diff --git a/src/graphql/operation.graphql b/src/graphql/operation.graphql
index 63d9963..bf38c35 100644
--- a/src/graphql/operation.graphql
+++ b/src/graphql/operation.graphql
@@ -1,72 +1,137 @@
query getWebsiteInterface($language_code: String) {
- websiteInterfaces(filters: { language: { code: { eq: $language_code } } }) {
+ websiteInterfaces(
+ filters: { ui_language: { code: { eq: $language_code } } }
+ ) {
data {
attributes {
- main_library
- main_library_description
- main_news
- main_merch
- main_gallery
- main_archives
- main_about_us
- main_licensing
- main_copyright
+ library
+ contents
+ wiki
+ chronicles
+ library_short_description
+ contents_short_description
+ wiki_short_description
+ chronicles_short_description
+ news
+ merch
+ gallery
+ archives
+ about_us
+ licensing_notice
+ copyright_notice
+ contents_description
+ type
+ category
+ categories
+ size
+ release_date
+ release_year
+ details
+ price
+ width
+ height
+ thickness
+ subitem
+ subitems
+ subitem_of
+ variant
+ variants
+ variant_of
+ summary
+ audio
+ video
+ textual
+ game
+ other
+ return_to
+ left_to_right
+ right_to_left
+ page
+ pages
+ page_order
+ binding
+ type_information
+ front_matter
+ back_matter
+ open_content
+ read_content
+ watch_content
+ listen_content
+ view_scans
+ paperback
+ hardcover
+ languages
+ select_language
+ language
library_description
- library_item_summary
- library_item_gallery
- library_item_details
- library_item_subitems
- library_item_variants
- library_item_content
- global_return_label
- global_subitem_of
- global_type
- global_width
- global_height
- global_thickness
- global_binding
- global_language
- global_languages
- global_page
- global_pages
- global_page_order
- global_release_date
- global_price
- library_item_physical_size
- library_item_type_information
- library_item_front_matter
- library_item_back_matter
- library_item_type_textual
- library_item_type_audio
- library_item_type_game
- library_item_type_video
- library_item_type_other
- library_item_open_content
- library_item_view_scans
- content_read_content
- content_watch_content
- content_listen_content
- global_category
- global_categories
- global_paperback
- global_hardcover
- global_left_to_right
- global_right_to_left
- main_wiki
- main_wiki_description
- main_chronicles
- main_chronicles_description
- library_items
- library_items_description
- library_content
- library_content_description
wiki_description
- news_description
chronicles_description
+ news_description
+ merch_description
gallery_description
archives_description
about_us_description
- merch_description
+ page_not_found
+ default_description
+ name
+ show_subitems
+ show_primary_items
+ show_secondary_items
+ no_type
+ no_year
+ order_by
+ group_by
+ select_option_sidebar
+ group
+ settings
+ theme
+ light
+ auto
+ dark
+ font_size
+ player_name
+ currency
+ font
+ calculated
+ status_incomplete
+ status_draft
+ status_review
+ status_done
+ incomplete
+ draft
+ review
+ done
+ status
+ transcribers
+ translators
+ proofreaders
+ transcript_notice
+ translation_notice
+ source_language
+ pronouns
+ no_category
+ item
+ items
+ content
+ result
+ results
+ language_switch_message
+ open_settings
+ change_language
+ open_search
+ chronology
+ accords_handbook
+ legality
+ members
+ sharing_policy
+ contact_us
+ email
+ email_gdpr_notice
+ message
+ send
+ response_invalid_code
+ response_invalid_email
+ response_email_success
}
}
}
@@ -125,17 +190,15 @@ query getChronologyItems($language_code: String) {
}
query getLibraryItemsPreview($language_code: String) {
- libraryItems(
- filters: { root_item: { eq: true } }
- pagination: { limit: -1 }
- sort: ["title:asc", "subtitle:asc"]
- ) {
+ libraryItems(pagination: { limit: -1 }) {
data {
id
attributes {
title
subtitle
slug
+ root_item
+ primary
thumbnail {
data {
attributes {
@@ -160,10 +223,20 @@ query getLibraryItemsPreview($language_code: String) {
attributes {
symbol
code
+ rate_to_usd
}
}
}
}
+ categories {
+ data {
+ id
+ attributes {
+ name
+ short
+ }
+ }
+ }
metadata {
__typename
... on ComponentMetadataBooks {
@@ -218,7 +291,7 @@ query getLibraryItemsPreview($language_code: String) {
}
}
}
- ... on ComponentMetadataOther {
+ ... on ComponentMetadataGroup {
subtype {
data {
attributes {
@@ -231,6 +304,18 @@ query getLibraryItemsPreview($language_code: String) {
}
}
}
+ subitems_type {
+ data {
+ attributes {
+ slug
+ titles(
+ filters: { language: { code: { eq: $language_code } } }
+ ) {
+ title
+ }
+ }
+ }
+ }
}
}
}
@@ -296,10 +381,20 @@ query getLibraryItem($slug: String, $language_code: String) {
attributes {
symbol
code
+ rate_to_usd
}
}
}
}
+ categories {
+ data {
+ id
+ attributes {
+ name
+ short
+ }
+ }
+ }
size {
width
height
@@ -396,7 +491,7 @@ query getLibraryItem($slug: String, $language_code: String) {
}
}
}
- ... on ComponentMetadataOther {
+ ... on ComponentMetadataGroup {
subtype {
data {
attributes {
@@ -409,6 +504,18 @@ query getLibraryItem($slug: String, $language_code: String) {
}
}
}
+ subitems_type {
+ data {
+ attributes {
+ slug
+ titles(
+ filters: { language: { code: { eq: $language_code } } }
+ ) {
+ title
+ }
+ }
+ }
+ }
}
}
subitem_of {
@@ -452,10 +559,20 @@ query getLibraryItem($slug: String, $language_code: String) {
attributes {
symbol
code
+ rate_to_usd
}
}
}
}
+ categories {
+ data {
+ id
+ attributes {
+ name
+ short
+ }
+ }
+ }
metadata {
__typename
... on ComponentMetadataBooks {
@@ -516,7 +633,7 @@ query getLibraryItem($slug: String, $language_code: String) {
}
}
}
- ... on ComponentMetadataOther {
+ ... on ComponentMetadataGroup {
subtype {
data {
attributes {
@@ -531,6 +648,20 @@ query getLibraryItem($slug: String, $language_code: String) {
}
}
}
+ subitems_type {
+ data {
+ attributes {
+ slug
+ titles(
+ filters: {
+ language: { code: { eq: $language_code } }
+ }
+ ) {
+ title
+ }
+ }
+ }
+ }
}
}
}
@@ -585,6 +716,7 @@ query getLibraryItem($slug: String, $language_code: String) {
data {
id
attributes {
+ name
short
}
}
@@ -655,6 +787,7 @@ query getContents($language_code: String) {
data {
id
attributes {
+ name
short
}
}
@@ -878,6 +1011,15 @@ query getContentText($slug: String, $language_code: String) {
}
}
}
+ text_set_languages: text_set {
+ language {
+ data {
+ attributes {
+ code
+ }
+ }
+ }
+ }
text_set(filters: { language: { code: { eq: $language_code } } }) {
status
text
@@ -1005,3 +1147,417 @@ query getContentText($slug: String, $language_code: String) {
}
}
}
+
+query getCurrencies {
+ currencies {
+ data {
+ id
+ attributes {
+ code
+ symbol
+ rate_to_usd
+ display_decimals
+ }
+ }
+ }
+}
+
+query getLanguages {
+ languages {
+ data {
+ id
+ attributes {
+ name
+ code
+ localized_name
+ }
+ }
+ }
+}
+
+query getPost($slug: String, $language_code: String) {
+ posts(filters: { slug: { eq: $slug } }) {
+ data {
+ id
+ attributes {
+ slug
+ updatedAt
+ date {
+ year
+ month
+ day
+ }
+ authors {
+ data {
+ id
+ attributes {
+ username
+ anonymize
+ anonymous_code
+ pronouns
+ bio(filters: { language: { code: { eq: $language_code } } }) {
+ bio
+ }
+ languages {
+ data {
+ attributes {
+ code
+ }
+ }
+ }
+ avatar {
+ data {
+ attributes {
+ name
+ alternativeText
+ caption
+ width
+ height
+ url
+ }
+ }
+ }
+ }
+ }
+ }
+ categories {
+ data {
+ id
+ attributes {
+ name
+ short
+ }
+ }
+ }
+ hidden
+ thumbnail {
+ data {
+ attributes {
+ name
+ alternativeText
+ caption
+ width
+ height
+ url
+ }
+ }
+ }
+ translations_languages: translations {
+ language {
+ data {
+ attributes {
+ code
+ }
+ }
+ }
+ }
+ translations(filters: { language: { code: { eq: $language_code } } }) {
+ status
+ title
+ excerpt
+ thumbnail {
+ data {
+ attributes {
+ name
+ alternativeText
+ caption
+ width
+ height
+ url
+ }
+ }
+ }
+ body
+ }
+ }
+ }
+ }
+}
+
+query getPostsSlugs {
+ posts(filters: { hidden: { eq: false } }) {
+ data {
+ id
+ attributes {
+ slug
+ }
+ }
+ }
+}
+
+query getPostsPreview($language_code: String) {
+ posts(filters: { hidden: { eq: false } }) {
+ data {
+ id
+ attributes {
+ slug
+ date {
+ year
+ month
+ day
+ }
+ categories {
+ data {
+ id
+ attributes {
+ short
+ }
+ }
+ }
+ thumbnail {
+ data {
+ attributes {
+ name
+ alternativeText
+ caption
+ width
+ height
+ url
+ }
+ }
+ }
+ translations(filters: { language: { code: { eq: $language_code } } }) {
+ title
+ excerpt
+ thumbnail {
+ data {
+ attributes {
+ name
+ alternativeText
+ caption
+ width
+ height
+ url
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+query getContentLanguages($slug: String) {
+ contents(filters: { slug: { eq: $slug } }) {
+ data {
+ attributes {
+ text_set {
+ language {
+ data {
+ attributes {
+ code
+ }
+ }
+ }
+ }
+ video_set {
+ language {
+ data {
+ attributes {
+ code
+ }
+ }
+ }
+ }
+ audio_set {
+ language {
+ data {
+ attributes {
+ code
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
+
+query getLibraryItemScans($slug: String, $language_code: String) {
+ libraryItems(filters: { slug: { eq: $slug } }) {
+ data {
+ id
+ attributes {
+ slug
+ title
+ subtitle
+ thumbnail {
+ data {
+ attributes {
+ name
+ alternativeText
+ caption
+ width
+ height
+ url
+ }
+ }
+ }
+ contents(pagination: { limit: -1 }) {
+ data {
+ id
+ attributes {
+ slug
+ range {
+ __typename
+ ... on ComponentRangePageRange {
+ starting_page
+ ending_page
+ }
+ ... on ComponentRangeTimeRange {
+ starting_time
+ ending_time
+ }
+ }
+ scan_set_languages: scan_set {
+ language {
+ data {
+ attributes {
+ code
+ }
+ }
+ }
+ }
+ scan_set(
+ filters: {
+ or: [
+ { language: { code: { eq: "xx" } } }
+ { language: { code: { eq: $language_code } } }
+ ]
+ }
+ ) {
+ status
+ source_language {
+ data {
+ attributes {
+ code
+ }
+ }
+ }
+ scanners {
+ data {
+ id
+ attributes {
+ username
+ anonymize
+ anonymous_code
+ pronouns
+ bio(
+ filters: { language: { code: { eq: $language_code } } }
+ ) {
+ bio
+ }
+ languages {
+ data {
+ attributes {
+ code
+ }
+ }
+ }
+ avatar {
+ data {
+ attributes {
+ name
+ alternativeText
+ caption
+ width
+ height
+ url
+ }
+ }
+ }
+ }
+ }
+ }
+ cleaners {
+ data {
+ id
+ attributes {
+ username
+ anonymize
+ anonymous_code
+ pronouns
+ bio(
+ filters: { language: { code: { eq: $language_code } } }
+ ) {
+ bio
+ }
+ languages {
+ data {
+ attributes {
+ code
+ }
+ }
+ }
+ avatar {
+ data {
+ attributes {
+ name
+ alternativeText
+ caption
+ width
+ height
+ url
+ }
+ }
+ }
+ }
+ }
+ }
+ typesetters {
+ data {
+ id
+ attributes {
+ username
+ anonymize
+ anonymous_code
+ pronouns
+ bio(
+ filters: { language: { code: { eq: $language_code } } }
+ ) {
+ bio
+ }
+ languages {
+ data {
+ attributes {
+ code
+ }
+ }
+ }
+ avatar {
+ data {
+ attributes {
+ name
+ alternativeText
+ caption
+ width
+ height
+ url
+ }
+ }
+ }
+ }
+ }
+ }
+ notes
+ pages(pagination: { limit: -1 }) {
+ data {
+ id
+ attributes {
+ name
+ alternativeText
+ caption
+ width
+ height
+ url
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
diff --git a/src/graphql/operations-types.ts b/src/graphql/operations-types.ts
index 57b4615..a07b590 100644
--- a/src/graphql/operations-types.ts
+++ b/src/graphql/operations-types.ts
@@ -1,3 +1,7 @@
+/* eslint-disable @typescript-eslint/consistent-indexed-object-style */
+/* eslint-disable @typescript-eslint/array-type */
+/* eslint-disable no-shadow */
+/* eslint-disable id-denylist */
export type Exact = T;
export type InputMaybe = T;
export type Scalars = {
@@ -6,30 +10,31 @@ export type Scalars = {
Boolean: boolean;
Int: number;
Float: number;
- JSON: any;
- DateTime: any;
- Time: any;
- Upload: any;
- LibraryContentRangeDynamicZoneInput: any;
- LibraryItemMetadataDynamicZoneInput: any;
- SourceSourceDynamicZoneInput: any;
+ JSON: unknown;
+ DateTime: unknown;
+ Time: unknown;
+ Upload: unknown;
+ LibraryContentRangeDynamicZoneInput: unknown;
+ LibraryItemMetadataDynamicZoneInput: unknown;
+ SourceSourceDynamicZoneInput: unknown;
};
/*
- The following is generated using https://www.graphql-code-generator.com/
- With the following codegen.yml:
-
- generates:
- operations-types.ts:
- plugins:
- - typescript-operations
-
- And the schema.graphql and operation.graphql files from this folder.
-
- But to make the type easier to work with, it went through the following transformation:
- - Removed ?
- - Removed | null
-*/
+ * The following is generated using https://www.graphql-code-generator.com/
+ * With the following codegen.yml:
+ *
+ * generates:
+ * operations-types.ts:
+ * plugins:
+ * - typescript-operations
+ *
+ * And the schema.graphql and operation.graphql files from this folder.
+ *
+ * But to make the type easier to work with, it went through the following transformation:
+ * - Removed ?
+ * - Removed
+ * - Replaced any by unknown
+ */
export enum Enum_Componentmetadatabooks_Binding_Type {
Paperback = "Paperback",
@@ -48,6 +53,13 @@ export enum Enum_Componentmetadatavideo_Resolution {
QuadHd_2160p = "QuadHD_2160p",
}
+export enum Enum_Componenttranslationsposts_Status {
+ Incomplete = "Incomplete",
+ Draft = "Draft",
+ Review = "Review",
+ Done = "Done",
+}
+
export enum Enum_Componenttranslationschronologyitem_Status {
Incomplete = "Incomplete",
Draft = "Draft",
@@ -62,6 +74,13 @@ export enum Enum_Componentsetstextset_Status {
Done = "Done",
}
+export enum Enum_Componentsetsscanset_Status {
+ Incomplete = "Incomplete",
+ Draft = "Draft",
+ Review = "Review",
+ Done = "Done",
+}
+
export type StrapiImage = {
__typename: "UploadFile";
name: string;
@@ -86,71 +105,134 @@ export type GetWebsiteInterfaceQuery = {
__typename: "WebsiteInterfaceEntity";
attributes: {
__typename: "WebsiteInterface";
- main_library: string;
- main_library_description: string;
- main_news: string;
- main_merch: string;
- main_gallery: string;
- main_archives: string;
- main_about_us: string;
- main_licensing: string;
- main_copyright: string;
+ library: string;
+ contents: string;
+ wiki: string;
+ chronicles: string;
+ library_short_description: string;
+ contents_short_description: string;
+ wiki_short_description: string;
+ chronicles_short_description: string;
+ news: string;
+ merch: string;
+ gallery: string;
+ archives: string;
+ about_us: string;
+ licensing_notice: string;
+ copyright_notice: string;
+ contents_description: string;
+ type: string;
+ category: string;
+ categories: string;
+ size: string;
+ release_date: string;
+ release_year: string;
+ details: string;
+ price: string;
+ width: string;
+ height: string;
+ thickness: string;
+ subitem: string;
+ subitems: string;
+ subitem_of: string;
+ variant: string;
+ variants: string;
+ variant_of: string;
+ summary: string;
+ audio: string;
+ video: string;
+ textual: string;
+ game: string;
+ other: string;
+ return_to: string;
+ left_to_right: string;
+ right_to_left: string;
+ page: string;
+ pages: string;
+ page_order: string;
+ binding: string;
+ type_information: string;
+ front_matter: string;
+ back_matter: string;
+ open_content: string;
+ read_content: string;
+ watch_content: string;
+ listen_content: string;
+ view_scans: string;
+ paperback: string;
+ hardcover: string;
+ languages: string;
+ select_language: string;
+ language: string;
library_description: string;
- library_item_summary: string;
- library_item_gallery: string;
- library_item_details: string;
- library_item_subitems: string;
- library_item_variants: string;
- library_item_content: string;
- global_return_label: string;
- global_subitem_of: string;
- global_type: string;
- global_width: string;
- global_height: string;
- global_thickness: string;
- global_binding: string;
- global_language: string;
- global_languages: string;
- global_page: string;
- global_pages: string;
- global_page_order: string;
- global_release_date: string;
- global_price: string;
- library_item_physical_size: string;
- library_item_type_information: string;
- library_item_front_matter: string;
- library_item_back_matter: string;
- library_item_type_textual: string;
- library_item_type_audio: string;
- library_item_type_game: string;
- library_item_type_video: string;
- library_item_type_other: string;
- library_item_open_content: string;
- library_item_view_scans: string;
- content_read_content: string;
- content_watch_content: string;
- content_listen_content: string;
- global_category: string;
- global_categories: string;
- global_paperback: string;
- global_hardcover: string;
- global_left_to_right: string;
- global_right_to_left: string;
- main_wiki: string;
- main_wiki_description: string;
- main_chronicles: string;
- main_chronicles_description: string;
- library_items: string;
- library_items_description: string;
- library_content: string;
- library_content_description: string;
wiki_description: string;
- news_description: string;
chronicles_description: string;
+ news_description: string;
+ merch_description: string;
gallery_description: string;
archives_description: string;
about_us_description: string;
- merch_description: string;
+ page_not_found: string;
+ default_description: string;
+ name: string;
+ show_subitems: string;
+ show_primary_items: string;
+ show_secondary_items: string;
+ no_type: string;
+ no_year: string;
+ order_by: string;
+ group_by: string;
+ select_option_sidebar: string;
+ group: string;
+ settings: string;
+ theme: string;
+ light: string;
+ auto: string;
+ dark: string;
+ font_size: string;
+ player_name: string;
+ currency: string;
+ font: string;
+ calculated: string;
+ status_incomplete: string;
+ status_draft: string;
+ status_review: string;
+ status_done: string;
+ incomplete: string;
+ draft: string;
+ review: string;
+ done: string;
+ status: string;
+ transcribers: string;
+ translators: string;
+ proofreaders: string;
+ transcript_notice: string;
+ translation_notice: string;
+ source_language: string;
+ pronouns: string;
+ no_category: string;
+ item: string;
+ items: string;
+ content: string;
+ result: string;
+ results: string;
+ language_switch_message: string;
+ open_settings: string;
+ change_language: string;
+ open_search: string;
+ chronology: string;
+ accords_handbook: string;
+ legality: string;
+ members: string;
+ sharing_policy: string;
+ contact_us: string;
+ email: string;
+ email_gdpr_notice: string;
+ message: string;
+ send: string;
+ response_invalid_code: string;
+ response_invalid_email: string;
+ response_email_success: string;
};
}>;
};
@@ -238,6 +320,8 @@ export type GetLibraryItemsPreviewQuery = {
title: string;
subtitle: string;
slug: string;
+ root_item: boolean;
+ primary: boolean;
thumbnail: {
__typename: "UploadFileEntityResponse";
data: {
@@ -270,19 +354,32 @@ export type GetLibraryItemsPreviewQuery = {
__typename: "Currency";
symbol: string;
code: string;
+ rate_to_usd: number;
};
};
};
};
+ categories: {
+ __typename: "CategoryRelationResponseCollection";
+ data: Array<{
+ __typename: "CategoryEntity";
+ id: string;
+ attributes: {
+ __typename: "Category";
+ name: string;
+ short: string;
+ };
+ }>;
+ };
metadata: Array<
| {
- __typename: "ComponentMetadataBooks";
+ __typename: "ComponentMetadataAudio";
subtype: {
- __typename: "TextualSubtypeEntityResponse";
+ __typename: "AudioSubtypeEntityResponse";
data: {
- __typename: "TextualSubtypeEntity";
+ __typename: "AudioSubtypeEntity";
attributes: {
- __typename: "TextualSubtype";
+ __typename: "AudioSubtype";
slug: string;
titles: Array<{
__typename: "ComponentTranslationsSimpleTitle";
@@ -293,13 +390,13 @@ export type GetLibraryItemsPreviewQuery = {
};
}
| {
- __typename: "ComponentMetadataVideo";
+ __typename: "ComponentMetadataBooks";
subtype: {
- __typename: "VideoSubtypeEntityResponse";
+ __typename: "TextualSubtypeEntityResponse";
data: {
- __typename: "VideoSubtypeEntity";
+ __typename: "TextualSubtypeEntity";
attributes: {
- __typename: "VideoSubtype";
+ __typename: "TextualSubtype";
slug: string;
titles: Array<{
__typename: "ComponentTranslationsSimpleTitle";
@@ -324,13 +421,27 @@ export type GetLibraryItemsPreviewQuery = {
};
}
| {
- __typename: "ComponentMetadataAudio";
+ __typename: "ComponentMetadataGroup";
subtype: {
- __typename: "AudioSubtypeEntityResponse";
+ __typename: "GroupSubtypeEntityResponse";
data: {
- __typename: "AudioSubtypeEntity";
+ __typename: "GroupSubtypeEntity";
attributes: {
- __typename: "AudioSubtype";
+ __typename: "GroupSubtype";
+ slug: string;
+ titles: Array<{
+ __typename: "ComponentTranslationsSimpleTitle";
+ title: string;
+ }>;
+ };
+ };
+ };
+ subitems_type: {
+ __typename: "MetadataTypeEntityResponse";
+ data: {
+ __typename: "MetadataTypeEntity";
+ attributes: {
+ __typename: "MetadataType";
slug: string;
titles: Array<{
__typename: "ComponentTranslationsSimpleTitle";
@@ -340,14 +451,15 @@ export type GetLibraryItemsPreviewQuery = {
};
};
}
+ | { __typename: "ComponentMetadataOther" }
| {
- __typename: "ComponentMetadataOther";
+ __typename: "ComponentMetadataVideo";
subtype: {
- __typename: "OtherSubtypeEntityResponse";
+ __typename: "VideoSubtypeEntityResponse";
data: {
- __typename: "OtherSubtypeEntity";
+ __typename: "VideoSubtypeEntity";
attributes: {
- __typename: "OtherSubtype";
+ __typename: "VideoSubtype";
slug: string;
titles: Array<{
__typename: "ComponentTranslationsSimpleTitle";
@@ -447,10 +559,23 @@ export type GetLibraryItemQuery = {
__typename: "Currency";
symbol: string;
code: string;
+ rate_to_usd: number;
};
};
};
};
+ categories: {
+ __typename: "CategoryRelationResponseCollection";
+ data: Array<{
+ __typename: "CategoryEntity";
+ id: string;
+ attributes: {
+ __typename: "Category";
+ name: string;
+ short: string;
+ };
+ }>;
+ };
size: {
__typename: "ComponentBasicsSize";
width: number;
@@ -462,6 +587,23 @@ export type GetLibraryItemQuery = {
description: string;
}>;
metadata: Array<
+ | {
+ __typename: "ComponentMetadataAudio";
+ subtype: {
+ __typename: "AudioSubtypeEntityResponse";
+ data: {
+ __typename: "AudioSubtypeEntity";
+ attributes: {
+ __typename: "AudioSubtype";
+ slug: string;
+ titles: Array<{
+ __typename: "ComponentTranslationsSimpleTitle";
+ title: string;
+ }>;
+ };
+ };
+ };
+ }
| {
__typename: "ComponentMetadataBooks";
binding_type: Enum_Componentmetadatabooks_Binding_Type;
@@ -493,22 +635,6 @@ export type GetLibraryItemQuery = {
}>;
};
}
- | {
- __typename: "ComponentMetadataVideo";
- subtype: {
- __typename: "VideoSubtypeEntityResponse";
- data: {
- __typename: "VideoSubtypeEntity";
- attributes: {
- __typename: "VideoSubtype";
- titles: Array<{
- __typename: "ComponentTranslationsSimpleTitle";
- title: string;
- }>;
- };
- };
- };
- }
| {
__typename: "ComponentMetadataGame";
platforms: {
@@ -557,13 +683,27 @@ export type GetLibraryItemQuery = {
};
}
| {
- __typename: "ComponentMetadataAudio";
+ __typename: "ComponentMetadataGroup";
subtype: {
- __typename: "AudioSubtypeEntityResponse";
+ __typename: "GroupSubtypeEntityResponse";
data: {
- __typename: "AudioSubtypeEntity";
+ __typename: "GroupSubtypeEntity";
attributes: {
- __typename: "AudioSubtype";
+ __typename: "GroupSubtype";
+ slug: string;
+ titles: Array<{
+ __typename: "ComponentTranslationsSimpleTitle";
+ title: string;
+ }>;
+ };
+ };
+ };
+ subitems_type: {
+ __typename: "MetadataTypeEntityResponse";
+ data: {
+ __typename: "MetadataTypeEntity";
+ attributes: {
+ __typename: "MetadataType";
slug: string;
titles: Array<{
__typename: "ComponentTranslationsSimpleTitle";
@@ -573,15 +713,15 @@ export type GetLibraryItemQuery = {
};
};
}
+ | { __typename: "ComponentMetadataOther" }
| {
- __typename: "ComponentMetadataOther";
+ __typename: "ComponentMetadataVideo";
subtype: {
- __typename: "OtherSubtypeEntityResponse";
+ __typename: "VideoSubtypeEntityResponse";
data: {
- __typename: "OtherSubtypeEntity";
+ __typename: "VideoSubtypeEntity";
attributes: {
- __typename: "OtherSubtype";
- slug: string;
+ __typename: "VideoSubtype";
titles: Array<{
__typename: "ComponentTranslationsSimpleTitle";
title: string;
@@ -647,19 +787,32 @@ export type GetLibraryItemQuery = {
__typename: "Currency";
symbol: string;
code: string;
+ rate_to_usd: number;
};
};
};
};
+ categories: {
+ __typename: "CategoryRelationResponseCollection";
+ data: Array<{
+ __typename: "CategoryEntity";
+ id: string;
+ attributes: {
+ __typename: "Category";
+ name: string;
+ short: string;
+ };
+ }>;
+ };
metadata: Array<
| {
- __typename: "ComponentMetadataBooks";
+ __typename: "ComponentMetadataAudio";
subtype: {
- __typename: "TextualSubtypeEntityResponse";
+ __typename: "AudioSubtypeEntityResponse";
data: {
- __typename: "TextualSubtypeEntity";
+ __typename: "AudioSubtypeEntity";
attributes: {
- __typename: "TextualSubtype";
+ __typename: "AudioSubtype";
slug: string;
titles: Array<{
__typename: "ComponentTranslationsSimpleTitle";
@@ -670,13 +823,13 @@ export type GetLibraryItemQuery = {
};
}
| {
- __typename: "ComponentMetadataVideo";
+ __typename: "ComponentMetadataBooks";
subtype: {
- __typename: "VideoSubtypeEntityResponse";
+ __typename: "TextualSubtypeEntityResponse";
data: {
- __typename: "VideoSubtypeEntity";
+ __typename: "TextualSubtypeEntity";
attributes: {
- __typename: "VideoSubtype";
+ __typename: "TextualSubtype";
slug: string;
titles: Array<{
__typename: "ComponentTranslationsSimpleTitle";
@@ -701,13 +854,27 @@ export type GetLibraryItemQuery = {
};
}
| {
- __typename: "ComponentMetadataAudio";
+ __typename: "ComponentMetadataGroup";
subtype: {
- __typename: "AudioSubtypeEntityResponse";
+ __typename: "GroupSubtypeEntityResponse";
data: {
- __typename: "AudioSubtypeEntity";
+ __typename: "GroupSubtypeEntity";
attributes: {
- __typename: "AudioSubtype";
+ __typename: "GroupSubtype";
+ slug: string;
+ titles: Array<{
+ __typename: "ComponentTranslationsSimpleTitle";
+ title: string;
+ }>;
+ };
+ };
+ };
+ subitems_type: {
+ __typename: "MetadataTypeEntityResponse";
+ data: {
+ __typename: "MetadataTypeEntity";
+ attributes: {
+ __typename: "MetadataType";
slug: string;
titles: Array<{
__typename: "ComponentTranslationsSimpleTitle";
@@ -717,14 +884,15 @@ export type GetLibraryItemQuery = {
};
};
}
+ | { __typename: "ComponentMetadataOther" }
| {
- __typename: "ComponentMetadataOther";
+ __typename: "ComponentMetadataVideo";
subtype: {
- __typename: "OtherSubtypeEntityResponse";
+ __typename: "VideoSubtypeEntityResponse";
data: {
- __typename: "OtherSubtypeEntity";
+ __typename: "VideoSubtypeEntity";
attributes: {
- __typename: "OtherSubtype";
+ __typename: "VideoSubtype";
slug: string;
titles: Array<{
__typename: "ComponentTranslationsSimpleTitle";
@@ -783,8 +951,8 @@ export type GetLibraryItemQuery = {
}
| {
__typename: "ComponentRangeTimeRange";
- starting_time: any;
- ending_time: any;
+ starting_time: unknown;
+ ending_time: unknown;
}
| { __typename: "ComponentRangeOther" }
| { __typename: "Error" }
@@ -807,6 +975,7 @@ export type GetLibraryItemQuery = {
id: string;
attributes: {
__typename: "Category";
+ name: string;
short: string;
};
}>;
@@ -892,7 +1061,11 @@ export type GetContentsQuery = {
data: Array<{
__typename: "CategoryEntity";
id: string;
- attributes: { __typename: "Category"; short: string };
+ attributes: {
+ __typename: "Category";
+ name: string;
+ short: string;
+ };
}>;
};
type: {
@@ -1194,6 +1367,19 @@ export type GetContentTextQuery = {
};
}>;
};
+ text_set_languages: Array<{
+ __typename: "ComponentSetsTextSet";
+ language: {
+ __typename: "LanguageEntityResponse";
+ data: {
+ __typename: "LanguageEntity";
+ attributes: {
+ __typename: "Language";
+ code: string;
+ };
+ };
+ };
+ }>;
text_set: Array<{
__typename: "ComponentSetsTextSet";
status: Enum_Componentsetstextset_Status;
@@ -1355,3 +1541,556 @@ export type GetContentTextQuery = {
}>;
};
};
+
+export type GetCurrenciesQueryVariables = Exact<{ [key: string]: never }>;
+
+export type GetCurrenciesQuery = {
+ __typename: "Query";
+ currencies: {
+ __typename: "CurrencyEntityResponseCollection";
+ data: Array<{
+ __typename: "CurrencyEntity";
+ id: string;
+ attributes: {
+ __typename: "Currency";
+ code: string;
+ symbol: string;
+ rate_to_usd: number;
+ display_decimals: boolean;
+ };
+ }>;
+ };
+};
+
+export type GetLanguagesQueryVariables = Exact<{ [key: string]: never }>;
+
+export type GetLanguagesQuery = {
+ __typename: "Query";
+ languages: {
+ __typename: "LanguageEntityResponseCollection";
+ data: Array<{
+ __typename: "LanguageEntity";
+ id: string;
+ attributes: {
+ __typename: "Language";
+ name: string;
+ code: string;
+ localized_name: string;
+ };
+ }>;
+ };
+};
+
+export type GetPostQueryVariables = Exact<{
+ slug: InputMaybe;
+ language_code: InputMaybe;
+}>;
+
+export type GetPostQuery = {
+ __typename: "Query";
+ posts: {
+ __typename: "PostEntityResponseCollection";
+ data: Array<{
+ __typename: "PostEntity";
+ id: string;
+ attributes: {
+ __typename: "Post";
+ slug: string;
+ updatedAt: any;
+ hidden: boolean;
+ date: {
+ __typename: "ComponentBasicsDatepicker";
+ year: number;
+ month: number;
+ day: number;
+ };
+ authors: {
+ __typename: "RecorderRelationResponseCollection";
+ data: Array<{
+ __typename: "RecorderEntity";
+ id: string;
+ attributes: {
+ __typename: "Recorder";
+ username: string;
+ anonymize: boolean;
+ anonymous_code: string;
+ pronouns: string;
+ bio: Array<{
+ __typename: "ComponentTranslationsBio";
+ bio: string;
+ }>;
+ languages: {
+ __typename: "LanguageRelationResponseCollection";
+ data: Array<{
+ __typename: "LanguageEntity";
+ attributes: { __typename: "Language"; code: string };
+ }>;
+ };
+ avatar: {
+ __typename: "UploadFileEntityResponse";
+ data: {
+ __typename: "UploadFileEntity";
+ attributes: {
+ __typename: "UploadFile";
+ name: string;
+ alternativeText: string;
+ caption: string;
+ width: number;
+ height: number;
+ url: string;
+ };
+ };
+ };
+ };
+ }>;
+ };
+ categories: {
+ __typename: "CategoryRelationResponseCollection";
+ data: Array<{
+ __typename: "CategoryEntity";
+ id: string;
+ attributes: { __typename: "Category"; name: string; short: string };
+ }>;
+ };
+ thumbnail: {
+ __typename: "UploadFileEntityResponse";
+ data: {
+ __typename: "UploadFileEntity";
+ attributes: {
+ __typename: "UploadFile";
+ name: string;
+ alternativeText: string;
+ caption: string;
+ width: number;
+ height: number;
+ url: string;
+ };
+ };
+ };
+ translations_languages: Array<{
+ __typename: "ComponentTranslationsPosts";
+ language: {
+ __typename: "LanguageEntityResponse";
+ data: {
+ __typename: "LanguageEntity";
+ attributes: { __typename: "Language"; code: string };
+ };
+ };
+ }>;
+ translations: Array<{
+ __typename: "ComponentTranslationsPosts";
+ status: Enum_Componenttranslationsposts_Status;
+ title: string;
+ excerpt: string;
+ body: string;
+ thumbnail: {
+ __typename: "UploadFileEntityResponse";
+ data: {
+ __typename: "UploadFileEntity";
+ attributes: {
+ __typename: "UploadFile";
+ name: string;
+ alternativeText: string;
+ caption: string;
+ width: number;
+ height: number;
+ url: string;
+ };
+ };
+ };
+ }>;
+ };
+ }>;
+ };
+};
+
+export type GetPostsSlugsQueryVariables = Exact<{ [key: string]: never }>;
+
+export type GetPostsSlugsQuery = {
+ __typename: "Query";
+ posts: {
+ __typename: "PostEntityResponseCollection";
+ data: Array<{
+ __typename: "PostEntity";
+ id: string;
+ attributes: { __typename: "Post"; slug: string };
+ }>;
+ };
+};
+
+export type GetPostsPreviewQueryVariables = Exact<{
+ language_code: InputMaybe;
+}>;
+
+export type GetPostsPreviewQuery = {
+ __typename: "Query";
+ posts: {
+ __typename: "PostEntityResponseCollection";
+ data: Array<{
+ __typename: "PostEntity";
+ id: string;
+ attributes: {
+ __typename: "Post";
+ slug: string;
+ date: {
+ __typename: "ComponentBasicsDatepicker";
+ year: number;
+ month: number;
+ day: number;
+ };
+ categories: {
+ __typename: "CategoryRelationResponseCollection";
+ data: Array<{
+ __typename: "CategoryEntity";
+ id: string;
+ attributes: { __typename: "Category"; short: string };
+ }>;
+ };
+ thumbnail: {
+ __typename: "UploadFileEntityResponse";
+ data: {
+ __typename: "UploadFileEntity";
+ attributes: {
+ __typename: "UploadFile";
+ name: string;
+ alternativeText: string;
+ caption: string;
+ width: number;
+ height: number;
+ url: string;
+ };
+ };
+ };
+ translations: Array<{
+ __typename: "ComponentTranslationsPosts";
+ title: string;
+ excerpt: string;
+ thumbnail: {
+ __typename: "UploadFileEntityResponse";
+ data: {
+ __typename: "UploadFileEntity";
+ attributes: {
+ __typename: "UploadFile";
+ name: string;
+ alternativeText: string;
+ caption: string;
+ width: number;
+ height: number;
+ url: string;
+ };
+ };
+ };
+ }>;
+ };
+ }>;
+ };
+};
+
+export type GetPostLanguagesQueryVariables = Exact<{
+ slug: InputMaybe;
+}>;
+
+export type GetPostLanguagesQuery = {
+ __typename: "Query";
+ posts: {
+ __typename: "PostEntityResponseCollection";
+ data: Array<{
+ __typename: "PostEntity";
+ attributes: {
+ __typename: "Post";
+ translations: Array<{
+ __typename: "ComponentTranslationsPosts";
+ language: {
+ __typename: "LanguageEntityResponse";
+ data: {
+ __typename: "LanguageEntity";
+ attributes: { __typename: "Language"; code: string };
+ };
+ };
+ }>;
+ };
+ }>;
+ };
+};
+
+export type GetContentLanguagesQueryVariables = Exact<{
+ slug: InputMaybe;
+}>;
+
+export type GetContentLanguagesQuery = {
+ __typename: "Query";
+ contents: {
+ __typename: "ContentEntityResponseCollection";
+ data: Array<{
+ __typename: "ContentEntity";
+ attributes: {
+ __typename: "Content";
+ text_set: Array<{
+ __typename: "ComponentSetsTextSet";
+ language: {
+ __typename: "LanguageEntityResponse";
+ data: {
+ __typename: "LanguageEntity";
+ attributes: { __typename: "Language"; code: string };
+ };
+ };
+ }>;
+ video_set: Array<{
+ __typename: "ComponentSetsVideoSet";
+ language: {
+ __typename: "LanguageEntityResponse";
+ data: {
+ __typename: "LanguageEntity";
+ attributes: { __typename: "Language"; code: string };
+ };
+ };
+ }>;
+ audio_set: Array<{
+ __typename: "ComponentSetsAudioSet";
+ language: {
+ __typename: "LanguageEntityResponse";
+ data: {
+ __typename: "LanguageEntity";
+ attributes: { __typename: "Language"; code: string };
+ };
+ };
+ }>;
+ };
+ }>;
+ };
+};
+
+export type GetLibraryItemScansQueryVariables = Exact<{
+ slug: InputMaybe;
+ language_code: InputMaybe;
+}>;
+
+export type GetLibraryItemScansQuery = {
+ __typename: "Query";
+ libraryItems: {
+ __typename: "LibraryItemEntityResponseCollection";
+ data: Array<{
+ __typename: "LibraryItemEntity";
+ id: string;
+ attributes: {
+ __typename: "LibraryItem";
+ slug: string;
+ title: string;
+ subtitle: string;
+ thumbnail: {
+ __typename: "UploadFileEntityResponse";
+ data: {
+ __typename: "UploadFileEntity";
+ attributes: {
+ __typename: "UploadFile";
+ name: string;
+ alternativeText: string;
+ caption: string;
+ width: number;
+ height: number;
+ url: string;
+ };
+ };
+ };
+ contents: {
+ __typename: "RangedContentRelationResponseCollection";
+ data: Array<{
+ __typename: "RangedContentEntity";
+ id: string;
+ attributes: {
+ __typename: "RangedContent";
+ slug: string;
+ range: Array<
+ | {
+ __typename: "ComponentRangePageRange";
+ starting_page: number;
+ ending_page: number;
+ }
+ | {
+ __typename: "ComponentRangeTimeRange";
+ starting_time: any;
+ ending_time: any;
+ }
+ | { __typename: "ComponentRangeOther" }
+ | { __typename: "Error" }
+ >;
+ scan_set_languages: Array<{
+ __typename: "ComponentSetsScanSet";
+ language: {
+ __typename: "LanguageEntityResponse";
+ data: {
+ __typename: "LanguageEntity";
+ attributes: {
+ __typename: "Language";
+ code: string;
+ };
+ };
+ };
+ }>;
+ scan_set: Array<{
+ __typename: "ComponentSetsScanSet";
+ status: Enum_Componentsetsscanset_Status;
+ notes: string;
+ source_language: {
+ __typename: "LanguageEntityResponse";
+ data: {
+ __typename: "LanguageEntity";
+ attributes: {
+ __typename: "Language";
+ code: string;
+ };
+ };
+ };
+ scanners: {
+ __typename: "RecorderRelationResponseCollection";
+ data: Array<{
+ __typename: "RecorderEntity";
+ id: string;
+ attributes: {
+ __typename: "Recorder";
+ username: string;
+ anonymize: boolean;
+ anonymous_code: string;
+ pronouns: string;
+ bio: Array<{
+ __typename: "ComponentTranslationsBio";
+ bio: string;
+ }>;
+ languages: {
+ __typename: "LanguageRelationResponseCollection";
+ data: Array<{
+ __typename: "LanguageEntity";
+ attributes: {
+ __typename: "Language";
+ code: string;
+ };
+ }>;
+ };
+ avatar: {
+ __typename: "UploadFileEntityResponse";
+ data: {
+ __typename: "UploadFileEntity";
+ attributes: {
+ __typename: "UploadFile";
+ name: string;
+ alternativeText: string;
+ caption: string;
+ width: number;
+ height: number;
+ url: string;
+ };
+ };
+ };
+ };
+ }>;
+ };
+ cleaners: {
+ __typename: "RecorderRelationResponseCollection";
+ data: Array<{
+ __typename: "RecorderEntity";
+ id: string;
+ attributes: {
+ __typename: "Recorder";
+ username: string;
+ anonymize: boolean;
+ anonymous_code: string;
+ pronouns: string;
+ bio: Array<{
+ __typename: "ComponentTranslationsBio";
+ bio: string;
+ }>;
+ languages: {
+ __typename: "LanguageRelationResponseCollection";
+ data: Array<{
+ __typename: "LanguageEntity";
+ attributes: {
+ __typename: "Language";
+ code: string;
+ };
+ }>;
+ };
+ avatar: {
+ __typename: "UploadFileEntityResponse";
+ data: {
+ __typename: "UploadFileEntity";
+ attributes: {
+ __typename: "UploadFile";
+ name: string;
+ alternativeText: string;
+ caption: string;
+ width: number;
+ height: number;
+ url: string;
+ };
+ };
+ };
+ };
+ }>;
+ };
+ typesetters: {
+ __typename: "RecorderRelationResponseCollection";
+ data: Array<{
+ __typename: "RecorderEntity";
+ id: string;
+ attributes: {
+ __typename: "Recorder";
+ username: string;
+ anonymize: boolean;
+ anonymous_code: string;
+ pronouns: string;
+ bio: Array<{
+ __typename: "ComponentTranslationsBio";
+ bio: string;
+ }>;
+ languages: {
+ __typename: "LanguageRelationResponseCollection";
+ data: Array<{
+ __typename: "LanguageEntity";
+ attributes: {
+ __typename: "Language";
+ code: string;
+ };
+ }>;
+ };
+ avatar: {
+ __typename: "UploadFileEntityResponse";
+ data: {
+ __typename: "UploadFileEntity";
+ attributes: {
+ __typename: "UploadFile";
+ name: string;
+ alternativeText: string;
+ caption: string;
+ width: number;
+ height: number;
+ url: string;
+ };
+ };
+ };
+ };
+ }>;
+ };
+ pages: {
+ __typename: "UploadFileRelationResponseCollection";
+ data: Array<{
+ __typename: "UploadFileEntity";
+ id: string;
+ attributes: {
+ __typename: "UploadFile";
+ name: string;
+ alternativeText: string;
+ caption: string;
+ width: number;
+ height: number;
+ url: string;
+ };
+ }>;
+ };
+ }>;
+ };
+ }>;
+ };
+ };
+ }>;
+ };
+};
diff --git a/src/graphql/operations.ts b/src/graphql/operations.ts
index 4245797..dab516f 100644
--- a/src/graphql/operations.ts
+++ b/src/graphql/operations.ts
@@ -1,5 +1,4 @@
import { readFileSync } from "fs";
-
import {
GetChronologyItemsQuery,
GetChronologyItemsQueryVariables,
@@ -11,19 +10,31 @@ import {
GetContentsSlugsQueryVariables,
GetContentTextQuery,
GetContentTextQueryVariables,
+ GetCurrenciesQuery,
+ GetCurrenciesQueryVariables,
GetErasQuery,
GetErasQueryVariables,
+ GetLanguagesQuery,
+ GetLanguagesQueryVariables,
GetLibraryItemQuery,
GetLibraryItemQueryVariables,
+ GetLibraryItemScansQuery,
+ GetLibraryItemScansQueryVariables,
GetLibraryItemsPreviewQuery,
GetLibraryItemsPreviewQueryVariables,
GetLibraryItemsSlugsQuery,
GetLibraryItemsSlugsQueryVariables,
+ GetPostQuery,
+ GetPostQueryVariables,
+ GetPostsPreviewQuery,
+ GetPostsPreviewQueryVariables,
+ GetPostsSlugsQuery,
+ GetPostsSlugsQueryVariables,
GetWebsiteInterfaceQuery,
GetWebsiteInterfaceQueryVariables,
} from "graphql/operations-types";
-const graphQL = async (query: string, variables?: string) => {
+async function graphQL(query: string, variables?: string) {
const res = await fetch(`${process.env.URL_GRAPHQL}`, {
method: "POST",
body: JSON.stringify({
@@ -32,11 +43,11 @@ const graphQL = async (query: string, variables?: string) => {
}),
headers: {
"content-type": "application/json",
- Authorization: "Bearer " + process.env.ACCESS_TOKEN,
+ Authorization: `Bearer ${process.env.ACCESS_TOKEN}`,
},
});
return (await res.json()).data;
-};
+}
function getQueryFromOperations(queryName: string): string {
const operations = readFileSync("./src/graphql/operation.graphql", "utf8");
@@ -103,7 +114,6 @@ export async function getContentsSlugs(
return await graphQL(query, JSON.stringify(variables));
}
-
export async function getContents(
variables: GetContentsQueryVariables
): Promise {
@@ -124,3 +134,45 @@ export async function getContentText(
const query = getQueryFromOperations("getContentText");
return await graphQL(query, JSON.stringify(variables));
}
+
+export async function getCurrencies(
+ variables: GetCurrenciesQueryVariables
+): Promise {
+ const query = getQueryFromOperations("getCurrencies");
+ return await graphQL(query, JSON.stringify(variables));
+}
+
+export async function getLanguages(
+ variables: GetLanguagesQueryVariables
+): Promise {
+ const query = getQueryFromOperations("getLanguages");
+ return await graphQL(query, JSON.stringify(variables));
+}
+
+export async function getPost(
+ variables: GetPostQueryVariables
+): Promise {
+ const query = getQueryFromOperations("getPost");
+ return await graphQL(query, JSON.stringify(variables));
+}
+
+export async function getPostsSlugs(
+ variables: GetPostsSlugsQueryVariables
+): Promise {
+ const query = getQueryFromOperations("getPostsSlugs");
+ return await graphQL(query, JSON.stringify(variables));
+}
+
+export async function getPostsPreview(
+ variables: GetPostsPreviewQueryVariables
+): Promise {
+ const query = getQueryFromOperations("getPostsPreview");
+ return await graphQL(query, JSON.stringify(variables));
+}
+
+export async function getLibraryItemScans(
+ variables: GetLibraryItemScansQueryVariables
+): Promise {
+ const query = getQueryFromOperations("getLibraryItemScans");
+ return await graphQL(query, JSON.stringify(variables));
+}
diff --git a/src/graphql/schema.graphql b/src/graphql/schema.graphql
index 41e523f..6a9d013 100644
--- a/src/graphql/schema.graphql
+++ b/src/graphql/schema.graphql
@@ -26,11 +26,6 @@ type ResponseCollectionMeta {
pagination: Pagination!
}
-enum PublicationState {
- LIVE
- PREVIEW
-}
-
input IDFilterInput {
and: [ID]
or: [ID]
@@ -247,6 +242,24 @@ type ComponentBasicsDatepicker {
day: Int
}
+enum ENUM_COMPONENTBASICSFILESIZE_UNIT {
+ kb
+ mb
+ gb
+}
+
+input ComponentBasicsFileSizeInput {
+ id: ID
+ size: Float
+ unit: ENUM_COMPONENTBASICSFILESIZE_UNIT
+}
+
+type ComponentBasicsFileSize {
+ id: ID!
+ size: Float!
+ unit: ENUM_COMPONENTBASICSFILESIZE_UNIT!
+}
+
input ComponentBasicsPriceInput {
id: ID
amount: Float
@@ -387,6 +400,8 @@ input ComponentCollectionsComponentLibraryObiBeltInput {
back: ID
full: ID
inside_full: ID
+ flap_front: ID
+ flap_back: ID
}
type ComponentCollectionsComponentLibraryObiBelt {
@@ -396,6 +411,8 @@ type ComponentCollectionsComponentLibraryObiBelt {
back: UploadFileEntityResponse
full: UploadFileEntityResponse
inside_full: UploadFileEntityResponse
+ flap_front: UploadFileEntityResponse
+ flap_back: UploadFileEntityResponse
}
input ComponentCollectionsComponentTitlesFiltersInput {
@@ -509,6 +526,12 @@ type ComponentMetadataGame {
): LanguageRelationResponseCollection
}
+type ComponentMetadataGroup {
+ id: ID!
+ subtype: GroupSubtypeEntityResponse
+ subitems_type: MetadataTypeEntityResponse
+}
+
type ComponentMetadataMerch {
id: ID!
merch_item: MerchItemEntityResponse
@@ -516,7 +539,6 @@ type ComponentMetadataMerch {
type ComponentMetadataOther {
id: ID!
- subtype: OtherSubtypeEntityResponse
}
type ComponentMetadataVideo {
@@ -1052,9 +1074,11 @@ enum ENUM_COMPONENTTRANSLATIONSPOSTS_STATUS {
}
input ComponentTranslationsPostsFiltersInput {
- Status: StringFilterInput
title: StringFilterInput
excerpt: StringFilterInput
+ body: StringFilterInput
+ language: LanguageFiltersInput
+ status: StringFilterInput
and: [ComponentTranslationsPostsFiltersInput]
or: [ComponentTranslationsPostsFiltersInput]
not: ComponentTranslationsPostsFiltersInput
@@ -1062,18 +1086,22 @@ input ComponentTranslationsPostsFiltersInput {
input ComponentTranslationsPostsInput {
id: ID
- Status: ENUM_COMPONENTTRANSLATIONSPOSTS_STATUS
title: String
excerpt: String
thumbnail: ID
+ body: String
+ language: ID
+ status: ENUM_COMPONENTTRANSLATIONSPOSTS_STATUS
}
type ComponentTranslationsPosts {
id: ID!
- Status: ENUM_COMPONENTTRANSLATIONSPOSTS_STATUS!
title: String!
excerpt: String
thumbnail: UploadFileEntityResponse
+ body: String
+ language: LanguageEntityResponse
+ status: ENUM_COMPONENTTRANSLATIONSPOSTS_STATUS!
}
enum ENUM_COMPONENTTRANSLATIONSSCANSET_STATUS {
@@ -1258,6 +1286,29 @@ type ComponentTranslationsWeaponStory {
language: LanguageEntityResponse
}
+input ComponentTranslationsWebArchivesFiltersInput {
+ language: LanguageFiltersInput
+ description: StringFilterInput
+ notes: StringFilterInput
+ and: [ComponentTranslationsWebArchivesFiltersInput]
+ or: [ComponentTranslationsWebArchivesFiltersInput]
+ not: ComponentTranslationsWebArchivesFiltersInput
+}
+
+input ComponentTranslationsWebArchivesInput {
+ id: ID
+ language: ID
+ description: String
+ notes: String
+}
+
+type ComponentTranslationsWebArchives {
+ id: ID!
+ language: LanguageEntityResponse
+ description: String
+ notes: String
+}
+
input UploadFileFiltersInput {
id: IDFilterInput
name: StringFilterInput
@@ -1642,6 +1693,8 @@ input CurrencyFiltersInput {
id: IDFilterInput
symbol: StringFilterInput
code: StringFilterInput
+ rate_to_usd: FloatFilterInput
+ display_decimals: BooleanFilterInput
createdAt: DateTimeFilterInput
updatedAt: DateTimeFilterInput
and: [CurrencyFiltersInput]
@@ -1652,11 +1705,15 @@ input CurrencyFiltersInput {
input CurrencyInput {
symbol: String
code: String
+ rate_to_usd: Float
+ display_decimals: Boolean
}
type Currency {
symbol: String!
code: String!
+ rate_to_usd: Float!
+ display_decimals: Boolean!
createdAt: DateTime
updatedAt: DateTime
}
@@ -1801,6 +1858,46 @@ type GlossaryItemTypeEntityResponseCollection {
meta: ResponseCollectionMeta!
}
+input GroupSubtypeFiltersInput {
+ id: IDFilterInput
+ slug: StringFilterInput
+ createdAt: DateTimeFilterInput
+ updatedAt: DateTimeFilterInput
+ and: [GroupSubtypeFiltersInput]
+ or: [GroupSubtypeFiltersInput]
+ not: GroupSubtypeFiltersInput
+}
+
+input GroupSubtypeInput {
+ slug: String
+ titles: [ComponentTranslationsSimpleTitleInput]
+}
+
+type GroupSubtype {
+ slug: String!
+ titles(
+ filters: ComponentTranslationsSimpleTitleFiltersInput
+ pagination: PaginationArg = {}
+ sort: [String] = []
+ ): [ComponentTranslationsSimpleTitle]
+ createdAt: DateTime
+ updatedAt: DateTime
+}
+
+type GroupSubtypeEntity {
+ id: ID
+ attributes: GroupSubtype
+}
+
+type GroupSubtypeEntityResponse {
+ data: GroupSubtypeEntity
+}
+
+type GroupSubtypeEntityResponseCollection {
+ data: [GroupSubtypeEntity!]!
+ meta: ResponseCollectionMeta!
+}
+
input LanguageFiltersInput {
id: IDFilterInput
name: StringFilterInput
@@ -1846,11 +1943,12 @@ type LanguageRelationResponseCollection {
}
union LibraryItemMetadataDynamicZone =
- ComponentMetadataBooks
- | ComponentMetadataVideo
+ ComponentMetadataAudio
+ | ComponentMetadataBooks
| ComponentMetadataGame
- | ComponentMetadataAudio
+ | ComponentMetadataGroup
| ComponentMetadataOther
+ | ComponentMetadataVideo
| Error
scalar LibraryItemMetadataDynamicZoneInput
@@ -1867,6 +1965,7 @@ input LibraryItemFiltersInput {
digital: BooleanFilterInput
primary: BooleanFilterInput
submerchs: MerchItemFiltersInput
+ categories: CategoryFiltersInput
createdAt: DateTimeFilterInput
updatedAt: DateTimeFilterInput
and: [LibraryItemFiltersInput]
@@ -1893,6 +1992,7 @@ input LibraryItemInput {
digital: Boolean
primary: Boolean
submerchs: [ID]
+ categories: [ID]
}
type LibraryItem {
@@ -1938,6 +2038,11 @@ type LibraryItem {
pagination: PaginationArg = {}
sort: [String] = []
): MerchItemRelationResponseCollection
+ categories(
+ filters: CategoryFiltersInput
+ pagination: PaginationArg = {}
+ sort: [String] = []
+ ): CategoryRelationResponseCollection
createdAt: DateTime
updatedAt: DateTime
}
@@ -2013,22 +2118,22 @@ type MerchItemRelationResponseCollection {
data: [MerchItemEntity!]!
}
-input OtherSubtypeFiltersInput {
+input MetadataTypeFiltersInput {
id: IDFilterInput
slug: StringFilterInput
createdAt: DateTimeFilterInput
updatedAt: DateTimeFilterInput
- and: [OtherSubtypeFiltersInput]
- or: [OtherSubtypeFiltersInput]
- not: OtherSubtypeFiltersInput
+ and: [MetadataTypeFiltersInput]
+ or: [MetadataTypeFiltersInput]
+ not: MetadataTypeFiltersInput
}
-input OtherSubtypeInput {
+input MetadataTypeInput {
slug: String
titles: [ComponentTranslationsSimpleTitleInput]
}
-type OtherSubtype {
+type MetadataType {
slug: String!
titles(
filters: ComponentTranslationsSimpleTitleFiltersInput
@@ -2039,17 +2144,17 @@ type OtherSubtype {
updatedAt: DateTime
}
-type OtherSubtypeEntity {
+type MetadataTypeEntity {
id: ID
- attributes: OtherSubtype
+ attributes: MetadataType
}
-type OtherSubtypeEntityResponse {
- data: OtherSubtypeEntity
+type MetadataTypeEntityResponse {
+ data: MetadataTypeEntity
}
-type OtherSubtypeEntityResponseCollection {
- data: [OtherSubtypeEntity!]!
+type MetadataTypeEntityResponseCollection {
+ data: [MetadataTypeEntity!]!
meta: ResponseCollectionMeta!
}
@@ -2058,9 +2163,9 @@ input PostFiltersInput {
authors: RecorderFiltersInput
slug: StringFilterInput
categories: CategoryFiltersInput
+ hidden: BooleanFilterInput
createdAt: DateTimeFilterInput
updatedAt: DateTimeFilterInput
- publishedAt: DateTimeFilterInput
and: [PostFiltersInput]
or: [PostFiltersInput]
not: PostFiltersInput
@@ -2071,7 +2176,9 @@ input PostInput {
slug: String
categories: [ID]
translations: [ComponentTranslationsPostsInput]
- publishedAt: DateTime
+ hidden: Boolean
+ thumbnail: ID
+ date: ComponentBasicsDatepickerInput
}
type Post {
@@ -2091,9 +2198,11 @@ type Post {
pagination: PaginationArg = {}
sort: [String] = []
): [ComponentTranslationsPosts]
+ hidden: Boolean!
+ thumbnail: UploadFileEntityResponse
+ date: ComponentBasicsDatepicker!
createdAt: DateTime
updatedAt: DateTime
- publishedAt: DateTime
}
type PostEntity {
@@ -2488,74 +2597,207 @@ type WeaponStoryTypeEntityResponseCollection {
meta: ResponseCollectionMeta!
}
+enum ENUM_WEBARCHIVE_TYPE {
+ website
+ webpage
+ online_doc
+}
+
+enum ENUM_WEBARCHIVE_FORMAT {
+ zip
+ wacz
+}
+
+input WebArchiveFiltersInput {
+ id: IDFilterInput
+ type: StringFilterInput
+ source_url: StringFilterInput
+ format: StringFilterInput
+ num_pages: IntFilterInput
+ author: StringFilterInput
+ still_online: BooleanFilterInput
+ createdAt: DateTimeFilterInput
+ updatedAt: DateTimeFilterInput
+ and: [WebArchiveFiltersInput]
+ or: [WebArchiveFiltersInput]
+ not: WebArchiveFiltersInput
+}
+
+input WebArchiveInput {
+ type: ENUM_WEBARCHIVE_TYPE
+ source_url: String
+ format: ENUM_WEBARCHIVE_FORMAT
+ date: ComponentBasicsDatepickerInput
+ num_pages: Int
+ author: String
+ still_online: Boolean
+ size: ComponentBasicsFileSizeInput
+ descriptions: [ComponentTranslationsWebArchivesInput]
+}
+
+type WebArchive {
+ type: ENUM_WEBARCHIVE_TYPE!
+ source_url: String!
+ format: ENUM_WEBARCHIVE_FORMAT!
+ date: ComponentBasicsDatepicker!
+ num_pages: Int
+ author: String
+ still_online: Boolean!
+ size: ComponentBasicsFileSize!
+ descriptions(
+ filters: ComponentTranslationsWebArchivesFiltersInput
+ pagination: PaginationArg = {}
+ sort: [String] = []
+ ): [ComponentTranslationsWebArchives]
+ createdAt: DateTime
+ updatedAt: DateTime
+}
+
+type WebArchiveEntity {
+ id: ID
+ attributes: WebArchive
+}
+
+type WebArchiveEntityResponse {
+ data: WebArchiveEntity
+}
+
+type WebArchiveEntityResponseCollection {
+ data: [WebArchiveEntity!]!
+ meta: ResponseCollectionMeta!
+}
+
input WebsiteInterfaceFiltersInput {
id: IDFilterInput
- language: LanguageFiltersInput
- main_library: StringFilterInput
- main_library_description: StringFilterInput
- main_news: StringFilterInput
- main_merch: StringFilterInput
- main_gallery: StringFilterInput
- main_archives: StringFilterInput
- main_about_us: StringFilterInput
- main_licensing: StringFilterInput
- main_copyright: StringFilterInput
+ library: StringFilterInput
+ contents: StringFilterInput
+ wiki: StringFilterInput
+ chronicles: StringFilterInput
+ library_short_description: StringFilterInput
+ contents_short_description: StringFilterInput
+ wiki_short_description: StringFilterInput
+ chronicles_short_description: StringFilterInput
+ news: StringFilterInput
+ merch: StringFilterInput
+ gallery: StringFilterInput
+ archives: StringFilterInput
+ about_us: StringFilterInput
+ licensing_notice: StringFilterInput
+ copyright_notice: StringFilterInput
+ contents_description: StringFilterInput
+ type: StringFilterInput
+ category: StringFilterInput
+ categories: StringFilterInput
+ size: StringFilterInput
+ release_date: StringFilterInput
+ release_year: StringFilterInput
+ details: StringFilterInput
+ price: StringFilterInput
+ width: StringFilterInput
+ height: StringFilterInput
+ thickness: StringFilterInput
+ subitem: StringFilterInput
+ subitems: StringFilterInput
+ subitem_of: StringFilterInput
+ variant: StringFilterInput
+ variants: StringFilterInput
+ variant_of: StringFilterInput
+ summary: StringFilterInput
+ audio: StringFilterInput
+ video: StringFilterInput
+ textual: StringFilterInput
+ game: StringFilterInput
+ other: StringFilterInput
+ return_to: StringFilterInput
+ left_to_right: StringFilterInput
+ right_to_left: StringFilterInput
+ page: StringFilterInput
+ pages: StringFilterInput
+ page_order: StringFilterInput
+ binding: StringFilterInput
+ type_information: StringFilterInput
+ front_matter: StringFilterInput
+ back_matter: StringFilterInput
+ open_content: StringFilterInput
+ read_content: StringFilterInput
+ watch_content: StringFilterInput
+ listen_content: StringFilterInput
+ view_scans: StringFilterInput
+ paperback: StringFilterInput
+ hardcover: StringFilterInput
+ ui_language: LanguageFiltersInput
+ languages: StringFilterInput
+ select_language: StringFilterInput
+ language: StringFilterInput
library_description: StringFilterInput
- library_item_summary: StringFilterInput
- library_item_gallery: StringFilterInput
- library_item_details: StringFilterInput
- library_item_subitems: StringFilterInput
- library_item_variants: StringFilterInput
- library_item_content: StringFilterInput
- global_return_label: StringFilterInput
- global_subitem_of: StringFilterInput
- global_type: StringFilterInput
- global_width: StringFilterInput
- global_height: StringFilterInput
- global_thickness: StringFilterInput
- global_binding: StringFilterInput
- global_language: StringFilterInput
- global_languages: StringFilterInput
- global_page: StringFilterInput
- global_pages: StringFilterInput
- global_page_order: StringFilterInput
- global_release_date: StringFilterInput
- global_price: StringFilterInput
- library_item_physical_size: StringFilterInput
- library_item_type_information: StringFilterInput
- library_item_front_matter: StringFilterInput
- library_item_back_matter: StringFilterInput
- library_item_type_textual: StringFilterInput
- library_item_type_audio: StringFilterInput
- library_item_type_game: StringFilterInput
- library_item_type_video: StringFilterInput
- library_item_type_other: StringFilterInput
- library_item_open_content: StringFilterInput
- library_item_view_scans: StringFilterInput
- content_read_content: StringFilterInput
- content_watch_content: StringFilterInput
- content_listen_content: StringFilterInput
- global_category: StringFilterInput
- global_categories: StringFilterInput
- global_paperback: StringFilterInput
- global_hardcover: StringFilterInput
- global_left_to_right: StringFilterInput
- global_right_to_left: StringFilterInput
- main_wiki: StringFilterInput
- main_wiki_description: StringFilterInput
- main_chronicles: StringFilterInput
- main_chronicles_description: StringFilterInput
- library_items: StringFilterInput
- library_items_description: StringFilterInput
- library_content: StringFilterInput
- library_content_description: StringFilterInput
wiki_description: StringFilterInput
- news_description: StringFilterInput
chronicles_description: StringFilterInput
+ news_description: StringFilterInput
+ merch_description: StringFilterInput
gallery_description: StringFilterInput
archives_description: StringFilterInput
about_us_description: StringFilterInput
- merch_description: StringFilterInput
+ page_not_found: StringFilterInput
+ default_description: StringFilterInput
+ name: StringFilterInput
+ show_subitems: StringFilterInput
+ show_primary_items: StringFilterInput
+ show_secondary_items: StringFilterInput
+ no_type: StringFilterInput
+ no_year: StringFilterInput
+ order_by: StringFilterInput
+ group_by: StringFilterInput
+ select_option_sidebar: StringFilterInput
+ group: StringFilterInput
+ settings: StringFilterInput
+ theme: StringFilterInput
+ light: StringFilterInput
+ auto: StringFilterInput
+ dark: StringFilterInput
+ font_size: StringFilterInput
+ player_name: StringFilterInput
+ currency: StringFilterInput
+ font: StringFilterInput
+ calculated: StringFilterInput
+ status_incomplete: StringFilterInput
+ status_draft: StringFilterInput
+ status_review: StringFilterInput
+ status_done: StringFilterInput
+ incomplete: StringFilterInput
+ draft: StringFilterInput
+ review: StringFilterInput
+ done: StringFilterInput
+ status: StringFilterInput
+ transcribers: StringFilterInput
+ translators: StringFilterInput
+ proofreaders: StringFilterInput
+ transcript_notice: StringFilterInput
+ translation_notice: StringFilterInput
+ source_language: StringFilterInput
+ pronouns: StringFilterInput
+ no_category: StringFilterInput
+ item: StringFilterInput
+ items: StringFilterInput
+ content: StringFilterInput
+ result: StringFilterInput
+ results: StringFilterInput
+ language_switch_message: StringFilterInput
+ open_settings: StringFilterInput
+ change_language: StringFilterInput
+ open_search: StringFilterInput
+ chronology: StringFilterInput
+ accords_handbook: StringFilterInput
+ legality: StringFilterInput
+ members: StringFilterInput
+ sharing_policy: StringFilterInput
+ contact_us: StringFilterInput
+ email: StringFilterInput
+ email_gdpr_notice: StringFilterInput
+ message: StringFilterInput
+ send: StringFilterInput
+ response_invalid_code: StringFilterInput
+ response_invalid_email: StringFilterInput
+ response_email_success: StringFilterInput
createdAt: DateTimeFilterInput
updatedAt: DateTimeFilterInput
and: [WebsiteInterfaceFiltersInput]
@@ -2564,141 +2806,267 @@ input WebsiteInterfaceFiltersInput {
}
input WebsiteInterfaceInput {
- language: ID
- main_library: String
- main_library_description: String
- main_news: String
- main_merch: String
- main_gallery: String
- main_archives: String
- main_about_us: String
- main_licensing: String
- main_copyright: String
+ library: String
+ contents: String
+ wiki: String
+ chronicles: String
+ library_short_description: String
+ contents_short_description: String
+ wiki_short_description: String
+ chronicles_short_description: String
+ news: String
+ merch: String
+ gallery: String
+ archives: String
+ about_us: String
+ licensing_notice: String
+ copyright_notice: String
+ contents_description: String
+ type: String
+ category: String
+ categories: String
+ size: String
+ release_date: String
+ release_year: String
+ details: String
+ price: String
+ width: String
+ height: String
+ thickness: String
+ subitem: String
+ subitems: String
+ subitem_of: String
+ variant: String
+ variants: String
+ variant_of: String
+ summary: String
+ audio: String
+ video: String
+ textual: String
+ game: String
+ other: String
+ return_to: String
+ left_to_right: String
+ right_to_left: String
+ page: String
+ pages: String
+ page_order: String
+ binding: String
+ type_information: String
+ front_matter: String
+ back_matter: String
+ open_content: String
+ read_content: String
+ watch_content: String
+ listen_content: String
+ view_scans: String
+ paperback: String
+ hardcover: String
+ ui_language: ID
+ languages: String
+ select_language: String
+ language: String
library_description: String
- library_item_summary: String
- library_item_gallery: String
- library_item_details: String
- library_item_subitems: String
- library_item_variants: String
- library_item_content: String
- global_return_label: String
- global_subitem_of: String
- global_type: String
- global_width: String
- global_height: String
- global_thickness: String
- global_binding: String
- global_language: String
- global_languages: String
- global_page: String
- global_pages: String
- global_page_order: String
- global_release_date: String
- global_price: String
- library_item_physical_size: String
- library_item_type_information: String
- library_item_front_matter: String
- library_item_back_matter: String
- library_item_type_textual: String
- library_item_type_audio: String
- library_item_type_game: String
- library_item_type_video: String
- library_item_type_other: String
- library_item_open_content: String
- library_item_view_scans: String
- content_read_content: String
- content_watch_content: String
- content_listen_content: String
- global_category: String
- global_categories: String
- global_paperback: String
- global_hardcover: String
- global_left_to_right: String
- global_right_to_left: String
- main_wiki: String
- main_wiki_description: String
- main_chronicles: String
- main_chronicles_description: String
- library_items: String
- library_items_description: String
- library_content: String
- library_content_description: String
wiki_description: String
- news_description: String
chronicles_description: String
+ news_description: String
+ merch_description: String
gallery_description: String
archives_description: String
about_us_description: String
- merch_description: String
+ page_not_found: String
+ default_description: String
+ name: String
+ show_subitems: String
+ show_primary_items: String
+ show_secondary_items: String
+ no_type: String
+ no_year: String
+ order_by: String
+ group_by: String
+ select_option_sidebar: String
+ group: String
+ settings: String
+ theme: String
+ light: String
+ auto: String
+ dark: String
+ font_size: String
+ player_name: String
+ currency: String
+ font: String
+ calculated: String
+ status_incomplete: String
+ status_draft: String
+ status_review: String
+ status_done: String
+ incomplete: String
+ draft: String
+ review: String
+ done: String
+ status: String
+ transcribers: String
+ translators: String
+ proofreaders: String
+ transcript_notice: String
+ translation_notice: String
+ source_language: String
+ pronouns: String
+ no_category: String
+ item: String
+ items: String
+ content: String
+ result: String
+ results: String
+ language_switch_message: String
+ open_settings: String
+ change_language: String
+ open_search: String
+ chronology: String
+ accords_handbook: String
+ legality: String
+ members: String
+ sharing_policy: String
+ contact_us: String
+ email: String
+ email_gdpr_notice: String
+ message: String
+ send: String
+ response_invalid_code: String
+ response_invalid_email: String
+ response_email_success: String
}
type WebsiteInterface {
- language: LanguageEntityResponse
- main_library: String
- main_library_description: String
- main_news: String
- main_merch: String
- main_gallery: String
- main_archives: String
- main_about_us: String
- main_licensing: String
- main_copyright: String
+ library: String
+ contents: String
+ wiki: String
+ chronicles: String
+ library_short_description: String
+ contents_short_description: String
+ wiki_short_description: String
+ chronicles_short_description: String
+ news: String
+ merch: String
+ gallery: String
+ archives: String
+ about_us: String
+ licensing_notice: String
+ copyright_notice: String
+ contents_description: String
+ type: String
+ category: String
+ categories: String
+ size: String
+ release_date: String
+ release_year: String
+ details: String
+ price: String
+ width: String
+ height: String
+ thickness: String
+ subitem: String
+ subitems: String
+ subitem_of: String
+ variant: String
+ variants: String
+ variant_of: String
+ summary: String
+ audio: String
+ video: String
+ textual: String
+ game: String
+ other: String
+ return_to: String
+ left_to_right: String
+ right_to_left: String
+ page: String
+ pages: String
+ page_order: String
+ binding: String
+ type_information: String
+ front_matter: String
+ back_matter: String
+ open_content: String
+ read_content: String
+ watch_content: String
+ listen_content: String
+ view_scans: String
+ paperback: String
+ hardcover: String
+ ui_language: LanguageEntityResponse
+ languages: String
+ select_language: String
+ language: String
library_description: String
- library_item_summary: String
- library_item_gallery: String
- library_item_details: String
- library_item_subitems: String
- library_item_variants: String
- library_item_content: String
- global_return_label: String
- global_subitem_of: String
- global_type: String
- global_width: String
- global_height: String
- global_thickness: String
- global_binding: String
- global_language: String
- global_languages: String
- global_page: String
- global_pages: String
- global_page_order: String
- global_release_date: String
- global_price: String
- library_item_physical_size: String
- library_item_type_information: String
- library_item_front_matter: String
- library_item_back_matter: String
- library_item_type_textual: String
- library_item_type_audio: String
- library_item_type_game: String
- library_item_type_video: String
- library_item_type_other: String
- library_item_open_content: String
- library_item_view_scans: String
- content_read_content: String
- content_watch_content: String
- content_listen_content: String
- global_category: String
- global_categories: String
- global_paperback: String
- global_hardcover: String
- global_left_to_right: String
- global_right_to_left: String
- main_wiki: String
- main_wiki_description: String
- main_chronicles: String
- main_chronicles_description: String
- library_items: String
- library_items_description: String
- library_content: String
- library_content_description: String
wiki_description: String
- news_description: String
chronicles_description: String
+ news_description: String
+ merch_description: String
gallery_description: String
archives_description: String
about_us_description: String
- merch_description: String
+ page_not_found: String
+ default_description: String
+ name: String
+ show_subitems: String
+ show_primary_items: String
+ show_secondary_items: String
+ no_type: String
+ no_year: String
+ order_by: String
+ group_by: String
+ select_option_sidebar: String
+ group: String
+ settings: String
+ theme: String
+ light: String
+ auto: String
+ dark: String
+ font_size: String
+ player_name: String
+ currency: String
+ font: String
+ calculated: String
+ status_incomplete: String
+ status_draft: String
+ status_review: String
+ status_done: String
+ incomplete: String
+ draft: String
+ review: String
+ done: String
+ status: String
+ transcribers: String
+ translators: String
+ proofreaders: String
+ transcript_notice: String
+ translation_notice: String
+ source_language: String
+ pronouns: String
+ no_category: String
+ item: String
+ items: String
+ content: String
+ result: String
+ results: String
+ language_switch_message: String
+ open_settings: String
+ change_language: String
+ open_search: String
+ chronology: String
+ accords_handbook: String
+ legality: String
+ members: String
+ sharing_policy: String
+ contact_us: String
+ email: String
+ email_gdpr_notice: String
+ message: String
+ send: String
+ response_invalid_code: String
+ response_invalid_email: String
+ response_email_success: String
createdAt: DateTime
updatedAt: DateTime
}
@@ -2805,6 +3173,7 @@ type WikiPageTypeEntityResponseCollection {
union GenericMorph =
ComponentBasicsCredits
| ComponentBasicsDatepicker
+ | ComponentBasicsFileSize
| ComponentBasicsPrice
| ComponentBasicsSize
| ComponentCollectionsComponentEvent
@@ -2819,6 +3188,7 @@ union GenericMorph =
| ComponentMetadataAudio
| ComponentMetadataBooks
| ComponentMetadataGame
+ | ComponentMetadataGroup
| ComponentMetadataMerch
| ComponentMetadataOther
| ComponentMetadataVideo
@@ -2855,6 +3225,7 @@ union GenericMorph =
| ComponentTranslationsWeaponStoryStory
| ComponentTranslationsWeaponStoryType
| ComponentTranslationsWeaponStory
+ | ComponentTranslationsWebArchives
| UploadFile
| AudioSubtype
| Category
@@ -2866,10 +3237,11 @@ union GenericMorph =
| GamePlatform
| GlossaryItem
| GlossaryItemType
+ | GroupSubtype
| Language
| LibraryItem
| MerchItem
- | OtherSubtype
+ | MetadataType
| Post
| RangedContent
| Recorder
@@ -2879,6 +3251,7 @@ union GenericMorph =
| WeaponStory
| WeaponStoryGroup
| WeaponStoryType
+ | WebArchive
| WebsiteInterface
| WikiPage
| WikiPageType
@@ -2963,6 +3336,12 @@ type Query {
pagination: PaginationArg = {}
sort: [String] = []
): GlossaryItemTypeEntityResponseCollection
+ groupSubtype(id: ID): GroupSubtypeEntityResponse
+ groupSubtypes(
+ filters: GroupSubtypeFiltersInput
+ pagination: PaginationArg = {}
+ sort: [String] = []
+ ): GroupSubtypeEntityResponseCollection
language(id: ID): LanguageEntityResponse
languages(
filters: LanguageFiltersInput
@@ -2981,18 +3360,17 @@ type Query {
pagination: PaginationArg = {}
sort: [String] = []
): MerchItemEntityResponseCollection
- otherSubtype(id: ID): OtherSubtypeEntityResponse
- otherSubtypes(
- filters: OtherSubtypeFiltersInput
+ metadataType(id: ID): MetadataTypeEntityResponse
+ metadataTypes(
+ filters: MetadataTypeFiltersInput
pagination: PaginationArg = {}
sort: [String] = []
- ): OtherSubtypeEntityResponseCollection
+ ): MetadataTypeEntityResponseCollection
post(id: ID): PostEntityResponse
posts(
filters: PostFiltersInput
pagination: PaginationArg = {}
sort: [String] = []
- publicationState: PublicationState = LIVE
): PostEntityResponseCollection
rangedContent(id: ID): RangedContentEntityResponse
rangedContents(
@@ -3042,6 +3420,12 @@ type Query {
pagination: PaginationArg = {}
sort: [String] = []
): WeaponStoryTypeEntityResponseCollection
+ webArchive(id: ID): WebArchiveEntityResponse
+ webArchives(
+ filters: WebArchiveFiltersInput
+ pagination: PaginationArg = {}
+ sort: [String] = []
+ ): WebArchiveEntityResponseCollection
websiteInterface(id: ID): WebsiteInterfaceEntityResponse
websiteInterfaces(
filters: WebsiteInterfaceFiltersInput
@@ -3116,6 +3500,12 @@ type Mutation {
data: GlossaryItemTypeInput!
): GlossaryItemTypeEntityResponse
deleteGlossaryItemType(id: ID!): GlossaryItemTypeEntityResponse
+ createGroupSubtype(data: GroupSubtypeInput!): GroupSubtypeEntityResponse
+ updateGroupSubtype(
+ id: ID!
+ data: GroupSubtypeInput!
+ ): GroupSubtypeEntityResponse
+ deleteGroupSubtype(id: ID!): GroupSubtypeEntityResponse
createLanguage(data: LanguageInput!): LanguageEntityResponse
updateLanguage(id: ID!, data: LanguageInput!): LanguageEntityResponse
deleteLanguage(id: ID!): LanguageEntityResponse
@@ -3125,12 +3515,12 @@ type Mutation {
createMerchItem(data: MerchItemInput!): MerchItemEntityResponse
updateMerchItem(id: ID!, data: MerchItemInput!): MerchItemEntityResponse
deleteMerchItem(id: ID!): MerchItemEntityResponse
- createOtherSubtype(data: OtherSubtypeInput!): OtherSubtypeEntityResponse
- updateOtherSubtype(
+ createMetadataType(data: MetadataTypeInput!): MetadataTypeEntityResponse
+ updateMetadataType(
id: ID!
- data: OtherSubtypeInput!
- ): OtherSubtypeEntityResponse
- deleteOtherSubtype(id: ID!): OtherSubtypeEntityResponse
+ data: MetadataTypeInput!
+ ): MetadataTypeEntityResponse
+ deleteMetadataType(id: ID!): MetadataTypeEntityResponse
createPost(data: PostInput!): PostEntityResponse
updatePost(id: ID!, data: PostInput!): PostEntityResponse
deletePost(id: ID!): PostEntityResponse
@@ -3177,6 +3567,9 @@ type Mutation {
data: WeaponStoryTypeInput!
): WeaponStoryTypeEntityResponse
deleteWeaponStoryType(id: ID!): WeaponStoryTypeEntityResponse
+ createWebArchive(data: WebArchiveInput!): WebArchiveEntityResponse
+ updateWebArchive(id: ID!, data: WebArchiveInput!): WebArchiveEntityResponse
+ deleteWebArchive(id: ID!): WebArchiveEntityResponse
createWebsiteInterface(
data: WebsiteInterfaceInput!
): WebsiteInterfaceEntityResponse
diff --git a/src/hooks/useDarkMode.ts b/src/hooks/useDarkMode.ts
index 94a7c19..4705942 100644
--- a/src/hooks/useDarkMode.ts
+++ b/src/hooks/useDarkMode.ts
@@ -6,6 +6,7 @@ export default function useDarkMode(
key: string,
initialValue: boolean | undefined
): [
+ boolean | undefined,
boolean | undefined,
React.Dispatch>,
React.Dispatch>
@@ -23,5 +24,5 @@ export default function useDarkMode(
if (selectedThemeMode === false) setDarkMode(prefersDarkMode);
}, [selectedThemeMode, prefersDarkMode, setDarkMode]);
- return [darkMode, setDarkMode, setSelectedThemeMode];
+ return [darkMode, selectedThemeMode, setDarkMode, setSelectedThemeMode];
}
diff --git a/src/hooks/useMediaQuery.ts b/src/hooks/useMediaQuery.ts
index bbd8cad..00c90c6 100644
--- a/src/hooks/useMediaQuery.ts
+++ b/src/hooks/useMediaQuery.ts
@@ -1,13 +1,13 @@
import { useEffect, useState } from "react";
export default function useMediaQuery(query: string): boolean {
- const getMatches = (query: string): boolean => {
+ function getMatches(query: string): boolean {
// Prevents SSR issues
if (typeof window !== "undefined") {
return window.matchMedia(query).matches;
}
return false;
- };
+ }
const [matches, setMatches] = useState(getMatches(query));
diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index fd9217f..54f4e51 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -1,37 +1,36 @@
-import Link from "next/link";
-import ContentPanel from "components/Panels/ContentPanel";
-import { getWebsiteInterface } from "graphql/operations";
-import { GetStaticProps } from "next";
-import { GetWebsiteInterfaceQuery } from "graphql/operations-types";
import AppLayout from "components/AppLayout";
+import ReturnButton, {
+ ReturnButtonType,
+} from "components/PanelComponents/ReturnButton";
+import ContentPanel from "components/Panels/ContentPanel";
+import { GetStaticPropsContext } from "next";
+import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
-type FourOhFourProps = {
- langui: GetWebsiteInterfaceQuery;
-};
+interface FourOhFourProps extends AppStaticProps {}
export default function FourOhFour(props: FourOhFourProps): JSX.Element {
- const langui = props.langui.websiteInterfaces.data[0].attributes;
+ const { langui } = props;
const contentPanel = (
-
);
- return
-
);
}
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
index 506d91b..4c21e31 100644
--- a/src/pages/_document.tsx
+++ b/src/pages/_document.tsx
@@ -1,18 +1,19 @@
import Document, {
- Html,
+ DocumentContext,
Head,
+ Html,
Main,
NextScript,
- DocumentContext,
} from "next/document";
class MyDocument extends Document {
+ // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
static async getInitialProps(ctx: DocumentContext) {
const initialProps = await Document.getInitialProps(ctx);
return { ...initialProps };
}
- render() {
+ render(): JSX.Element {
return (
diff --git a/src/pages/about-us/accords-handbook.tsx b/src/pages/about-us/accords-handbook.tsx
new file mode 100644
index 0000000..4c7ab4e
--- /dev/null
+++ b/src/pages/about-us/accords-handbook.tsx
@@ -0,0 +1,97 @@
+import AppLayout from "components/AppLayout";
+import LanguageSwitcher from "components/LanguageSwitcher";
+import Markdawn from "components/Markdown/Markdawn";
+import TOC from "components/Markdown/TOC";
+import ReturnButton, {
+ ReturnButtonType,
+} from "components/PanelComponents/ReturnButton";
+import ContentPanel from "components/Panels/ContentPanel";
+import SubPanel from "components/Panels/SubPanel";
+import { getPost } from "graphql/operations";
+import { GetPostQuery } from "graphql/operations-types";
+import { GetStaticPropsContext } from "next";
+import { useRouter } from "next/router";
+import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
+import { getLocalesFromLanguages, prettySlug } from "queries/helpers";
+
+interface AccordsHandbookProps extends AppStaticProps {
+ post: GetPostQuery["posts"]["data"][number]["attributes"];
+}
+
+export default function AccordsHandbook(
+ props: AccordsHandbookProps
+): JSX.Element {
+ const { langui, post } = props;
+ const router = useRouter();
+ const locales = getLocalesFromLanguages(post.translations_languages);
+
+ const subPanel = (
+
+
+ );
+
+ const contentPanel = (
+
+
+ );
+
+ return (
+ 0
+ ? post.translations[0].title
+ : prettySlug(post.slug)
+ }
+ subPanel={subPanel}
+ contentPanel={contentPanel}
+ {...props}
+ />
+ );
+}
+
+export async function getStaticProps(
+ context: GetStaticPropsContext
+): Promise<{ props: AccordsHandbookProps }> {
+ const slug = "accords-handbook";
+ const props: AccordsHandbookProps = {
+ ...(await getAppStaticProps(context)),
+ post: (
+ await getPost({
+ slug: slug,
+ language_code: context.locale ?? "en",
+ })
+ ).posts.data[0].attributes,
+ };
+ return {
+ props: props,
+ };
+}
diff --git a/src/pages/about-us/contact.tsx b/src/pages/about-us/contact.tsx
new file mode 100644
index 0000000..a7a6d52
--- /dev/null
+++ b/src/pages/about-us/contact.tsx
@@ -0,0 +1,241 @@
+import AppLayout from "components/AppLayout";
+import InsetBox from "components/InsetBox";
+import LanguageSwitcher from "components/LanguageSwitcher";
+import Markdawn from "components/Markdown/Markdawn";
+import TOC from "components/Markdown/TOC";
+import ReturnButton, {
+ ReturnButtonType,
+} from "components/PanelComponents/ReturnButton";
+import ContentPanel from "components/Panels/ContentPanel";
+import SubPanel from "components/Panels/SubPanel";
+import { getPost } from "graphql/operations";
+import { GetPostQuery } from "graphql/operations-types";
+import { GetStaticPropsContext } from "next";
+import { useRouter } from "next/router";
+import { RequestMailProps, ResponseMailProps } from "pages/api/mail";
+import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
+import { getLocalesFromLanguages, randomInt } from "queries/helpers";
+import { useState } from "react";
+
+interface ContactProps extends AppStaticProps {
+ post: GetPostQuery["posts"]["data"][number]["attributes"];
+}
+
+export default function AboutUs(props: ContactProps): JSX.Element {
+ const { langui, post } = props;
+ const router = useRouter();
+ const [formResponse, setFormResponse] = useState("");
+ const [formState, setFormState] = useState<"completed" | "ongoing" | "stale">(
+ "stale"
+ );
+ const locales = getLocalesFromLanguages(post.translations_languages);
+
+ const [randomNumber1, setRandomNumber1] = useState(randomInt(0, 10));
+ const [randomNumber2, setRandomNumber2] = useState(randomInt(0, 10));
+
+ const subPanel = (
+
+
+ );
+
+ const contentPanel = (
+
+
+ );
+
+ return (
+
);
return (
-
+
+ );
+
+ const contentPanel = (
+
+
+ );
+
+ return (
+ 0
+ ? post.translations[0].title
+ : prettySlug(post.slug)
+ }
+ subPanel={subPanel}
+ contentPanel={contentPanel}
+ {...props}
+ />
+ );
+}
+
+export async function getStaticProps(
+ context: GetStaticPropsContext
+): Promise<{ props: SiteInfoProps }> {
+ const slug = "legality";
+ const props: SiteInfoProps = {
+ ...(await getAppStaticProps(context)),
+ post: (
+ await getPost({
+ slug: slug,
+ language_code: context.locale ?? "en",
+ })
+ ).posts.data[0].attributes,
+ };
+ return {
+ props: props,
+ };
+}
diff --git a/src/pages/about-us/sharing-policy.tsx b/src/pages/about-us/sharing-policy.tsx
new file mode 100644
index 0000000..e75729b
--- /dev/null
+++ b/src/pages/about-us/sharing-policy.tsx
@@ -0,0 +1,95 @@
+import AppLayout from "components/AppLayout";
+import LanguageSwitcher from "components/LanguageSwitcher";
+import Markdawn from "components/Markdown/Markdawn";
+import TOC from "components/Markdown/TOC";
+import ReturnButton, {
+ ReturnButtonType,
+} from "components/PanelComponents/ReturnButton";
+import ContentPanel from "components/Panels/ContentPanel";
+import SubPanel from "components/Panels/SubPanel";
+import { getPost } from "graphql/operations";
+import { GetPostQuery } from "graphql/operations-types";
+import { GetStaticPropsContext } from "next";
+import { useRouter } from "next/router";
+import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
+import { getLocalesFromLanguages, prettySlug } from "queries/helpers";
+
+interface SharingPolicyProps extends AppStaticProps {
+ post: GetPostQuery["posts"]["data"][number]["attributes"];
+}
+
+export default function SharingPolicy(props: SharingPolicyProps): JSX.Element {
+ const { langui, post } = props;
+ const locales = getLocalesFromLanguages(post.translations_languages);
+ const router = useRouter();
+
+ const subPanel = (
+
+
+ );
+
+ const contentPanel = (
+
+
+ );
+
+ return (
+ 0
+ ? post.translations[0].title
+ : prettySlug(post.slug)
+ }
+ subPanel={subPanel}
+ contentPanel={contentPanel}
+ {...props}
+ />
+ );
+}
+
+export async function getStaticProps(
+ context: GetStaticPropsContext
+): Promise<{ props: SharingPolicyProps }> {
+ const slug = "sharing-policy";
+ const props: SharingPolicyProps = {
+ ...(await getAppStaticProps(context)),
+ post: (
+ await getPost({
+ slug: slug,
+ language_code: context.locale ?? "en",
+ })
+ ).posts.data[0].attributes,
+ };
+ return {
+ props: props,
+ };
+}
diff --git a/src/pages/api/mail.ts b/src/pages/api/mail.ts
new file mode 100644
index 0000000..032b5d5
--- /dev/null
+++ b/src/pages/api/mail.ts
@@ -0,0 +1,51 @@
+import type { NextApiRequest, NextApiResponse } from "next";
+import nodemailer from "nodemailer";
+import { SMTPError } from "nodemailer/lib/smtp-connection";
+
+export type ResponseMailProps = {
+ code?: string;
+ message?: string;
+};
+
+export type RequestMailProps = {
+ name: string;
+ email: string;
+ message: string;
+ formName: string;
+};
+
+export default async function Mail(
+ req: NextApiRequest,
+ res: NextApiResponse
+) {
+ if (req.method === "POST") {
+ const body = req.body as RequestMailProps;
+
+ const transporter = nodemailer.createTransport({
+ host: process.env.SMTP_HOST,
+ port: 587,
+ secure: false,
+ auth: {
+ user: process.env.SMTP_USER,
+ pass: process.env.SMTP_PASSWORD,
+ },
+ });
+
+ // send mail with defined transport object
+ await transporter
+ .sendMail({
+ from: `"${body.name}" <${body.email}>`,
+ to: "contact@accords-library.com",
+ subject: `New ${body.formName} from ${body.name}`,
+ text: body.message,
+ })
+ .catch((reason: SMTPError) => {
+ res.status(reason.responseCode ?? 500).json({
+ code: reason.code,
+ message: reason.response,
+ });
+ });
+ }
+
+ res.status(200).json({ code: "OKAY" });
+}
diff --git a/src/pages/archives/index.tsx b/src/pages/archives/index.tsx
index eb258b9..b73a205 100644
--- a/src/pages/archives/index.tsx
+++ b/src/pages/archives/index.tsx
@@ -1,44 +1,34 @@
-import SubPanel from "components/Panels/SubPanel";
-import PanelHeader from "components/PanelComponents/PanelHeader";
-import { GetWebsiteInterfaceQuery } from "graphql/operations-types";
-import { GetStaticProps } from "next";
-import { getWebsiteInterface } from "graphql/operations";
import AppLayout from "components/AppLayout";
+import PanelHeader from "components/PanelComponents/PanelHeader";
+import SubPanel from "components/Panels/SubPanel";
+import { GetStaticPropsContext } from "next";
+import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
-type ArchivesProps = {
- langui: GetWebsiteInterfaceQuery;
-};
+interface ArchivesProps extends AppStaticProps {}
export default function Archives(props: ArchivesProps): JSX.Element {
- const langui = props.langui.websiteInterfaces.data[0].attributes;
+ const { langui } = props;
const subPanel = (
);
return (
-
);
return (
-
-
);
const contentPanel = (
+
);
+ let description = "";
+ if (content.type.data) {
+ description += `${langui.type}: `;
+ if (content.type.data.attributes.titles.length > 0) {
+ description += content.type.data.attributes.titles[0].title;
+ } else {
+ description += prettySlug(content.type.data.attributes.slug);
+ }
+ description += "\n";
+ }
+ if (content.categories.data.length > 0) {
+ description += `${langui.categories}: `;
+ description += content.categories.data
+ .map((category) => category.attributes.short)
+ .join(" | ");
+ description += "\n";
+ }
+
+ if (content.titles.length > 0 && content.titles[0].description) {
+ description += "\n";
+ description += content.titles[0].description;
+ }
+
return (
0 ? content.titles[0].description : undefined
- }
+ description={description}
+ {...props}
/>
);
}
-export const getStaticProps: GetStaticProps = async (context) => {
- if (context.params) {
- if (context.params.slug && context.locale) {
- if (context.params.slug instanceof Array)
- context.params.slug = context.params.slug.join("");
-
- const props: ContentIndexProps = {
- content: await getContent({
- slug: context.params.slug,
- language_code: context.locale,
- }),
- langui: await getWebsiteInterface({
- language_code: context.locale,
- }),
- };
- return {
- props: props,
- };
- }
- }
- return { props: {} };
-};
-
-export const getStaticPaths: GetStaticPaths = async (context) => {
- type Path = {
- params: {
- slug: string;
- };
- locale: string;
+export async function getStaticProps(context: GetStaticPropsContext): Promise<{
+ props: ContentIndexProps;
+}> {
+ const props: ContentIndexProps = {
+ ...(await getAppStaticProps(context)),
+ content: (
+ await getContent({
+ slug: context.params?.slug?.toString() ?? "",
+ language_code: context.locale ?? "en",
+ })
+ ).contents.data[0].attributes,
};
+ return {
+ props: props,
+ };
+}
- const data = await getContentsSlugs({});
- const paths: Path[] = [];
- data.contents.data.map((item) => {
+export async function getStaticPaths(
+ context: GetStaticPathsContext
+): Promise {
+ const contents = await getContentsSlugs({});
+ const paths: GetStaticPathsResult["paths"] = [];
+ contents.contents.data.map((item) => {
context.locales?.map((local) => {
paths.push({ params: { slug: item.attributes.slug }, locale: local });
});
@@ -130,4 +165,4 @@ export const getStaticPaths: GetStaticPaths = async (context) => {
paths,
fallback: false,
};
-};
+}
diff --git a/src/pages/contents/[slug]/read.tsx b/src/pages/contents/[slug]/read.tsx
index f6dd015..cbe3e94 100644
--- a/src/pages/contents/[slug]/read.tsx
+++ b/src/pages/contents/[slug]/read.tsx
@@ -1,44 +1,47 @@
-import { GetStaticPaths, GetStaticProps } from "next";
-import {
- getContentsSlugs,
- getContentText,
- getWebsiteInterface,
-} from "graphql/operations";
-import {
- Enum_Componentsetstextset_Status,
- GetContentTextQuery,
- GetWebsiteInterfaceQuery,
-} from "graphql/operations-types";
-import ContentPanel from "components/Panels/ContentPanel";
-import HorizontalLine from "components/HorizontalLine";
-import SubPanel from "components/Panels/SubPanel";
-import ReturnButton from "components/PanelComponents/ReturnButton";
-import ThumbnailHeader from "components/Content/ThumbnailHeader";
import AppLayout from "components/AppLayout";
+import Button from "components/Button";
+import Chip from "components/Chip";
+import ThumbnailHeader from "components/Content/ThumbnailHeader";
+import HorizontalLine from "components/HorizontalLine";
+import LanguageSwitcher from "components/LanguageSwitcher";
import Markdawn from "components/Markdown/Markdawn";
+import TOC from "components/Markdown/TOC";
+import ReturnButton, {
+ ReturnButtonType,
+} from "components/PanelComponents/ReturnButton";
+import ContentPanel from "components/Panels/ContentPanel";
+import SubPanel from "components/Panels/SubPanel";
+import RecorderChip from "components/RecorderChip";
+import ToolTip from "components/ToolTip";
+import { getContentsSlugs, getContentText } from "graphql/operations";
+import { GetContentTextQuery } from "graphql/operations-types";
import {
+ GetStaticPathsContext,
+ GetStaticPathsResult,
+ GetStaticPropsContext,
+} from "next";
+import { useRouter } from "next/router";
+import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
+import {
+ getLocalesFromLanguages,
+ getStatusDescription,
prettyinlineTitle,
prettyLanguage,
prettySlug,
prettyTestError,
prettyTestWarning,
} from "queries/helpers";
-import Button from "components/Button";
-import { useRouter } from "next/router";
-import Chip from "components/Chip";
-import ReactTooltip from "react-tooltip";
-import RecorderChip from "components/RecorderChip";
-interface ContentReadProps {
- content: GetContentTextQuery;
- langui: GetWebsiteInterfaceQuery;
+interface ContentReadProps extends AppStaticProps {
+ content: GetContentTextQuery["contents"]["data"][number]["attributes"];
+ contentId: GetContentTextQuery["contents"]["data"][number]["id"];
}
export default function ContentRead(props: ContentReadProps): JSX.Element {
useTesting(props);
- const content = props.content.contents.data[0].attributes;
- const langui = props.langui.websiteInterfaces.data[0].attributes;
+ const { langui, content, languages } = props;
const router = useRouter();
+ const locales = getLocalesFromLanguages(content.text_set_languages);
const subPanel = (
@@ -46,23 +49,23 @@ export default function ContentRead(props: ContentReadProps): JSX.Element {
href={`/contents/${content.slug}`}
title={"Content"}
langui={langui}
+ displayOn={ReturnButtonType.desktop}
+ horizontalLine
/>
- 0
+ ? prettyinlineTitle(
+ content.titles[0].pre_title,
+ content.titles[0].title,
+ content.titles[0].subtitle
+ )
+ : prettySlug(content.slug)
+ }
+ />
+
)}
);
const contentPanel = (
+
);
- const extra = (
- <>
- {
+ const contents = await getContentsSlugs({});
+ const paths: GetStaticPathsResult["paths"] = [];
+ contents.contents.data.map((item) => {
context.locales?.map((local) => {
paths.push({ params: { slug: item.attributes.slug }, locale: local });
});
@@ -241,15 +278,13 @@ export const getStaticPaths: GetStaticPaths = async (context) => {
paths,
fallback: false,
};
-};
+}
-export function useTesting(props: ContentReadProps) {
+function useTesting(props: ContentReadProps) {
const router = useRouter();
- const content = props.content.contents.data[0].attributes;
+ const { content, contentId } = props;
- const contentURL =
- "/admin/content-manager/collectionType/api::content.content/" +
- props.content.contents.data[0].id;
+ const contentURL = `/admin/content-manager/collectionType/api::content.content/${contentId}`;
if (router.locale === "en") {
if (content.categories.data.length === 0) {
@@ -276,18 +311,17 @@ export function useTesting(props: ContentReadProps) {
}
if (content.text_set.length > 1) {
- console.warn(
- prettyTestError(
- router,
- "More than one textset for this language",
- ["content", "text_set"],
- contentURL
- )
+ prettyTestError(
+ router,
+ "More than one textset for this language",
+ ["content", "text_set"],
+ contentURL
);
}
if (content.text_set.length === 1) {
const textset = content.text_set[0];
+
if (!textset.text) {
prettyTestError(
router,
@@ -303,8 +337,7 @@ export function useTesting(props: ContentReadProps) {
["content", "text_set"],
contentURL
);
- }
- if (textset.source_language.data.attributes.code === router.locale) {
+ } else if (textset.source_language.data.attributes.code === router.locale) {
// This is a transcript
if (textset.transcribers.data.length === 0) {
prettyTestError(
diff --git a/src/pages/contents/index.tsx b/src/pages/contents/index.tsx
index 0c9eed5..7fae246 100644
--- a/src/pages/contents/index.tsx
+++ b/src/pages/contents/index.tsx
@@ -1,27 +1,114 @@
-import { GetStaticProps } from "next";
-import SubPanel from "components/Panels/SubPanel";
+import AppLayout from "components/AppLayout";
+import Chip from "components/Chip";
+import LibraryContentPreview from "components/Library/LibraryContentPreview";
+import PanelHeader from "components/PanelComponents/PanelHeader";
import ContentPanel, {
ContentPanelWidthSizes,
} from "components/Panels/ContentPanel";
+import SubPanel from "components/Panels/SubPanel";
+import Select from "components/Select";
+import { getContents } from "graphql/operations";
import {
GetContentsQuery,
GetWebsiteInterfaceQuery,
} from "graphql/operations-types";
-import { getContents, getWebsiteInterface } from "graphql/operations";
-import PanelHeader from "components/PanelComponents/PanelHeader";
-import AppLayout from "components/AppLayout";
-import LibraryContentPreview from "components/Library/LibraryContentPreview";
-import { prettyinlineTitle } from "queries/helpers";
+import { GetStaticPropsContext } from "next";
+import { AppStaticProps, getAppStaticProps } from "queries/getAppStaticProps";
+import { prettyinlineTitle, prettySlug } from "queries/helpers";
+import { useEffect, useState } from "react";
-type LibraryProps = {
- contents: GetContentsQuery;
- langui: GetWebsiteInterfaceQuery;
-};
+interface ContentsProps extends AppStaticProps {
+ contents: GetContentsQuery["contents"]["data"];
+}
-export default function Library(props: LibraryProps): JSX.Element {
- const langui = props.langui.websiteInterfaces.data[0].attributes;
+type GroupContentItems = Map;
- props.contents.contents.data.sort((a, b) => {
+export default function Contents(props: ContentsProps): JSX.Element {
+ const { langui, contents } = props;
+
+ const [groupingMethod, setGroupingMethod] = useState(-1);
+
+ const [groups, setGroups] = useState(
+ getGroups(langui, groupingMethod, contents)
+ );
+
+ useEffect(() => {
+ setGroups(getGroups(langui, groupingMethod, contents));
+ }, [langui, groupingMethod, contents]);
+
+ const subPanel = (
+
+
+ );
+ const contentPanel = (
+
+ {[...groups].map(([name, items]) => (
+ <>
+ {items.length > 0 && (
+ <>
+ {name && (
+
+ {name}
+
+ )}
+
+ );
+ return (
+
-
- );
- const contentPanel = (
-
-
- );
- return (
-
{
+ props.setState(false);
+ }}
+ />
+
+ );
+}
diff --git a/src/components/RecorderChip.tsx b/src/components/RecorderChip.tsx
index af0c644..8a23bef 100644
--- a/src/components/RecorderChip.tsx
+++ b/src/components/RecorderChip.tsx
@@ -1,60 +1,69 @@
import Chip from "components/Chip";
-import { GetContentTextQuery } from "graphql/operations-types";
+import {
+ GetContentTextQuery,
+ GetWebsiteInterfaceQuery,
+} from "graphql/operations-types";
+import Button from "./Button";
import Img, { ImageQuality } from "./Img";
-import ReactDOMServer from "react-dom/server";
+import ToolTip from "./ToolTip";
type RecorderChipProps = {
className?: string;
recorder: GetContentTextQuery["contents"]["data"][number]["attributes"]["text_set"][number]["transcribers"]["data"][number];
+ langui: GetWebsiteInterfaceQuery["websiteInterfaces"]["data"][number]["attributes"];
};
export default function RecorderChip(props: RecorderChipProps): JSX.Element {
- const recorder = props.recorder;
+ const { recorder, langui } = props;
+
return (
-
+
+ {props.children}
+
+
+
+
- )}
- data-for={"RecordersTooltip"}
- data-multiline
- data-html
+ }
+ placement="top"
>
- {recorder.attributes.anonymize
- ? `Recorder#${recorder.attributes.anonymous_code}`
- : recorder.attributes.username}
-
{recorder.attributes.avatar.data && (
![]()
)}
-
- {recorder.attributes.languages.data.length > 0 && (
- {recorder.attributes.username}
+
+
{recorder.attributes.username}
+ {recorder.attributes.languages.data.length > 0 && ( +
+
+ {language.attributes.code.toUpperCase()}
+
+ ))}
+
+ )}
+ {recorder.attributes.pronouns && (
+ {langui.languages}:
+ {recorder.attributes.languages.data.map((language) => ( +
+ {recorder.attributes.pronouns}
+
+ )}
+ {langui.pronouns}:
+
-
- {language.attributes.code.toUpperCase()}
-
- ))}
-
+
+ {recorder.attributes.bio.length > 0 && (
+ Languages:
- {recorder.attributes.languages.data.map((language) => ( -{recorder.attributes.bio[0].bio}
)} - {recorder.attributes.pronouns && ( -
- {recorder.attributes.pronouns}
-
- )}
- Pronouns:
-- {recorder.attributes.bio.length > 0 && - recorder.attributes.bio[0].bio} -
+ +
+
+ );
+}
diff --git a/src/components/Switch.tsx b/src/components/Switch.tsx
new file mode 100644
index 0000000..72cb871
--- /dev/null
+++ b/src/components/Switch.tsx
@@ -0,0 +1,26 @@
+import { Dispatch, SetStateAction } from "react";
+
+export type SwitchProps = {
+ setState: Dispatch
+
+ setOpened(!opened)} className="w-full"> + {props.state === -1 ? "—" : props.options[props.state]} +
+ {props.state >= 0 && props.allowEmpty && ( + props.setState(-1)} + className="material-icons !text-xs" + > + close + + )} + setOpened(!opened)} className="material-icons"> + {opened ? "arrow_drop_up" : "arrow_drop_down"} + +
+ {props.options.map((option, index) => (
+ <>
+ {index !== props.state && (
+
+ {
+ setOpened(false);
+ props.setState(index);
+ }}
+ >
+ {option}
+
+ )}
+
+ ))}
+ {
+ props.setState(!props.state);
+ }}
+ >
+
+
+ );
+}
diff --git a/src/components/ToolTip.tsx b/src/components/ToolTip.tsx
new file mode 100644
index 0000000..de5b64d
--- /dev/null
+++ b/src/components/ToolTip.tsx
@@ -0,0 +1,19 @@
+import Tippy, { TippyProps } from "@tippyjs/react";
+import "tippy.js/animations/scale-subtle.css";
+
+interface ToolTipProps extends TippyProps {}
+
+export default function ToolTip(props: ToolTipProps): JSX.Element {
+ const newProps = { ...props };
+
+ // Set defaults
+ if (newProps.delay === undefined) newProps.delay = [150, 0];
+ if (newProps.interactive === undefined) newProps.interactive = true;
+ if (newProps.animation === undefined) newProps.animation = "scale-subtle";
+
+ return (
+ {props.children}
+ 404 - Page Not Found
- - Go back home - +404 - {langui.page_not_found}
+
+
+
+
+
+ {formResponse && (
+
+
+ )}
+
+ {formResponse}
+
- 0 ? content.titles[0].pre_title : undefined
+ }
+ title={
+ content.titles.length > 0
+ ? content.titles[0].title
+ : prettySlug(content.slug)
+ }
+ subtitle={
+ content.titles.length > 0 ? content.titles[0].subtitle : undefined
+ }
+ description={
+ content.titles.length > 0
+ ? content.titles[0].description
+ : undefined
+ }
+ type={content.type}
+ categories={content.categories}
+ langui={langui}
+ />
{content.text_set[0].source_language.data.attributes.code === router.locale - ? "This content is a transcript" - : "This content is a fan-translation"} + ? langui.transcript_notice + : langui.translation_notice}
{content.text_set[0].source_language.data.attributes.code !== router.locale && (
-
)}
Source language:
+{langui.source_language}:
-
- {content.text_set[0].status}
-
+ {content.text_set[0].status}
+
{content.text_set[0].transcribers.data.length > 0 && (
Status:
+{langui.status}:
-
-
@@ -111,10 +108,14 @@ export default function ContentRead(props: ContentReadProps): JSX.Element {
{content.text_set[0].translators.data.length > 0 && (
Transcribers:
+{langui.transcribers}:
{content.text_set[0].transcribers.data.map((recorder) => (
-
-
@@ -122,61 +123,105 @@ export default function ContentRead(props: ContentReadProps): JSX.Element {
{content.text_set[0].proofreaders.data.length > 0 && (
Translators:
+{langui.translators}:
{content.text_set[0].translators.data.map((recorder) => (
-
-
)}
Proofreaders:
+{langui.proofreaders}:
{content.text_set[0].proofreaders.data.map((recorder) => (
-
- 0 ? content.titles[0].pre_title : undefined
+ }
+ title={
+ content.titles.length > 0
+ ? content.titles[0].title
+ : prettySlug(content.slug)
+ }
+ subtitle={
+ content.titles.length > 0 ? content.titles[0].subtitle : undefined
+ }
+ description={
+ content.titles.length > 0
+ ? content.titles[0].description
+ : undefined
+ }
+ type={content.type}
+ categories={content.categories}
+ langui={langui}
+ />
+
+ {langui.group_by}:
+ +
+ {name}
+ {`${items.length} ${
+ items.length <= 1
+ ? langui.result.toLowerCase()
+ : langui.results.toLowerCase()
+ }`}
+
+ )}
+
+ {items.map((item) => (
+
+
+ )}
+
+ ))}
+
- {props.contents.contents.data.map((item) => (
-
-