af134cac8b
* [packages][m]: mv @flowershow/core package here * [packages/core][xs]: rename to @portaljs/core * [package.json][xs]: setup npm workspaces * [packages/core][xs]:replace deprecated rollup executor * [core/package.json][s]: fix mermaid versions * [core/tsconfig][xs]: rm extends * [core/jest.config][xs]: rm coverageDirectory * [core/package.json][xs]: install core-js * [packages.json][s]:use same version for all nrwl packages * [core/.eslintrc][xs]: adjust ignorePatterns * [core/project.json][xs]: rm publish targets * [packages][m]: mv @flowershow/remark-wiki-link here * [packages][m]: mv @flowershow/remark-wiki-link here * [packages][m]: mv @flowershow/remark-embed here * [remark-callouts/project.json][xs]: adjst test pattern * [package.json][s]: install missing deps * [remark-callouts][xs]: adjst fields in package.json * [remark-callouts][s]: rm pubish targets and adjst build executor * [remark-embed/jest.config][xs]: rm unknown option coverageDirectory * [remark-embed][xs]: rm publish targets * [remark-embed][s]: rename to @portaljs/remark-embed * [remark-wiki-link/eslintrc][xs]:adjst ignorePatterns * [package.json][xs]: install missing deps * [remark-wiki-link/test][xs]:specify format - also temporarily force any type on htmlExtension * [remark-wiki-link/README][xs]: replace @flowershow with @portaljs * [remark-wiki-link][xs]:rm old changelog * [remark-wiki-link][xs]: adjst package.json * [remark-wiki-link/project.json][xs]: rm publish targets * [core][s]: rm old changelog * [core/README][xs]:correct scope name * [remark-callouts/README][xs]: add @portaljs to pckg name * [remark-embed/README][xs]: add @portaljs to pckg name * [package-lock.json][xs]: refresh after rebasing on main
54 lines
1.2 KiB
TypeScript
54 lines
1.2 KiB
TypeScript
import Giscus, { BooleanString, Mapping, Repo } from "@giscus/react";
|
|
import { useTheme } from "next-themes";
|
|
|
|
export interface GiscusConfig {
|
|
provider: "giscus";
|
|
pages?: Array<string>;
|
|
config: {
|
|
theme?: string;
|
|
mapping: Mapping;
|
|
repo: Repo;
|
|
repositoryId: string;
|
|
category: string;
|
|
categoryId: string;
|
|
reactions: BooleanString;
|
|
metadata: BooleanString;
|
|
inputPosition?: string;
|
|
lang?: string;
|
|
};
|
|
}
|
|
|
|
export type GiscusProps = GiscusConfig["config"];
|
|
|
|
export const GiscusReactComponent: React.FC<GiscusProps> = ({
|
|
repo,
|
|
repositoryId,
|
|
category,
|
|
categoryId,
|
|
reactions = "0",
|
|
metadata = "0",
|
|
mapping = "pathname",
|
|
theme = "light",
|
|
}) => {
|
|
const { theme: nextTheme, resolvedTheme } = useTheme();
|
|
const commentsTheme =
|
|
nextTheme === "dark" || resolvedTheme === "dark"
|
|
? "transparent_dark"
|
|
: theme;
|
|
|
|
return (
|
|
<Giscus
|
|
repo={repo}
|
|
repoId={repositoryId}
|
|
category={category}
|
|
categoryId={categoryId}
|
|
mapping={mapping}
|
|
inputPosition="top"
|
|
reactionsEnabled={reactions}
|
|
emitMetadata={metadata}
|
|
// TODO: remove transparent_dark after theme toggle fix
|
|
theme={nextTheme ? commentsTheme : "transparent_dark"}
|
|
/>
|
|
);
|
|
};
|