chore: Update dependencies and configuration files

kamiazya · kamiazya · commit 8526ec2a99e0 · 2024-10-21T08:42:44.000+09:00
diff --git a/docs/intro.md b/docs/intro.md
@@ -2,4 +2,6 @@
 sidebar_position: 1
 ---
 
-# Intro
+```bash npm2yarn
+npm install ts-graphviz
+```
diff --git a/docusaurus.config.ts b/docusaurus.config.ts
@@ -1,7 +1,9 @@
 import type * as Preset from '@docusaurus/preset-classic';
+import npm2yarn from '@docusaurus/remark-plugin-npm2yarn';
 import type { Config } from '@docusaurus/types';
 import { themes as prismThemes } from 'prism-react-renderer';
 
+
 const config: Config = {
   title: 'ts-graphviz',
   tagline: 'Graphviz libraries for TypeScript',
@@ -27,11 +29,22 @@ const config: Config = {
           sidebarPath: './sidebars.ts',
           editUrl:
             'https://github.com/ts-graphviz/ts-graphviz/tree/main/website/',
+          remarkPlugins: [
+            [npm2yarn, { sync: true, converters: ['yarn', 'pnpm'] }],
+          ],
         },
         blog: {
           showReadingTime: true,
           editUrl:
             'https://github.com/ts-graphviz/ts-graphviz/tree/main/website/',
+          remarkPlugins: [
+            [npm2yarn, { sync: true, converters: ['yarn', 'pnpm'] }],
+          ],
+        },
+        pages: {
+          remarkPlugins: [
+            [npm2yarn, { sync: true, converters: ['yarn', 'pnpm'] }],
+          ],
         },
         theme: {
           customCss: './src/css/custom.css',
@@ -116,6 +129,7 @@ const config: Config = {
     prism: {
       theme: prismThemes.github,
       darkTheme: prismThemes.dracula,
+      additionalLanguages: ['dot'],
     },
   } satisfies Preset.ThemeConfig,
 };
diff --git a/package.json b/package.json
@@ -17,6 +17,7 @@
   "dependencies": {
     "@docusaurus/core": "3.5.2",
     "@docusaurus/preset-classic": "3.5.2",
+    "@docusaurus/remark-plugin-npm2yarn": "^3.5.2",
     "@mdx-js/react": "^3.0.0",
     "clsx": "^2.0.0",
     "prism-react-renderer": "^2.3.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -1,4 +1,5 @@
 import Link from '@docusaurus/Link';
+import Translate from '@docusaurus/Translate';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import HomepageFeatures from '@site/src/components/HomepageFeatures';
 import Heading from '@theme/Heading';
@@ -15,12 +16,18 @@ function HomepageHeader() {
         <Heading as="h1" className="hero__title">
           {siteConfig.title}
         </Heading>
-        <p className="hero__subtitle">{siteConfig.tagline}</p>
+        <p className="hero__subtitle">
+          <Translate id="index.tagline">
+            {siteConfig.tagline}
+          </Translate>
+        </p>
         <div className={styles.buttons}>
           <Link
             className="button button--secondary button--lg"
             to="/docs/intro">
-            ts-graphviz Tutorial - 5min ⏱️
+            <Translate id="index.tutorial">
+              ts-graphviz Tutorial - 5min ⏱️
+            </Translate>
           </Link>
         </div>
       </div>
@@ -33,7 +40,7 @@ export default function Home(): JSX.Element {
   return (
     <Layout
       title={`Hello from ${siteConfig.title}`}
-      description="Description will go into a meta tag in <head />">
+      description={siteConfig.tagline}>
       <HomepageHeader />
       <main>
         <HomepageFeatures />
diff --git a/src/theme/prism-include-languages.ts b/src/theme/prism-include-languages.ts
@@ -0,0 +1,31 @@
+import siteConfig from '@generated/docusaurus.config';
+import type * as PrismNamespace from 'prismjs';
+import type {Optional} from 'utility-types';
+
+export default function prismIncludeLanguages(
+  PrismObject: typeof PrismNamespace,
+): void {
+  const {
+    themeConfig: {prism},
+  } = siteConfig;
+  const {additionalLanguages} = prism as {additionalLanguages: string[]};
+
+  // Prism components work on the Prism instance on the window, while prism-
+  // react-renderer uses its own Prism instance. We temporarily mount the
+  // instance onto window, import components to enhance it, then remove it to
+  // avoid polluting global namespace.
+  // You can mutate PrismObject: registering plugins, deleting languages... As
+  // long as you don't re-assign it
+  globalThis.Prism = PrismObject;
+
+  additionalLanguages.forEach((lang) => {
+    if (lang === 'php') {
+      // eslint-disable-next-line global-require
+      require('prismjs/components/prism-markup-templating.js');
+    }
+    // eslint-disable-next-line global-require, import/no-dynamic-require
+    require(`prismjs/components/prism-${lang}`);
+  });
+
+  delete (globalThis as Optional<typeof globalThis, 'Prism'>).Prism;
+}
