Commit

Author: gvbvdxx

docs/Message Commands/luig.md

@@ -6,8 +6,7 @@ hide_table_of_contents: true
 
 # `;luig` Command
 
-:::info
-This command is a joke, it's meant to get people laughing or just a general funny thing.
+:::joke
 :::
 
 :::info

docs/Message Commands/popcat.md

@@ -0,0 +1,42 @@
+---
+slug: /commands/popcat/
+title: ;popcat
+hide_table_of_contents: true
+---
+
+# `;popcat` Command
+
+:::joke
+:::
+
+:::info
+This command is an owner-only command, only people with ownership can use this. (the room owner, and any promoted people)
+:::
+
+:::info
+This command will or can block user interaction, or make it temporarily tough for the user to use Random Rants +.
+:::
+
+This makes the sender's screen show the popcat meme (a white cat making pop noises with his mouth), and does it for the specified amount of seconds.
+
+The maximum amount of seconds is 5.
+
+# Usage
+
+```messagecommand
+;popcat <Seconds>
+```
+
+# Examples
+
+```messagecommand
+;popcat 2
+```
+
+```messagecommand
+;popcat 4
+```
+
+```messagecommand
+;popcat 5
+```

docs/Message Commands/spin.md

@@ -0,0 +1,23 @@
+---
+slug: /commands/spin/
+title: ;spin
+hide_table_of_contents: true
+---
+
+# `;spin` Command
+
+:::info
+This command is a joke, it's meant to get people laughing or just a general funny thing.
+:::
+
+:::info
+This command will or can block user interaction, or make it temporarily tough for the user to use Random Rants +.
+:::
+
+This makes the sender's screen spin all the way around really fast.
+
+# Usage
+
+```messagecommand
+;spin
+```

docs/Message Commands/uh.md

@@ -6,8 +6,7 @@ hide_table_of_contents: true
 
 # `;uh` Command
 
-:::info
-This command is a joke, it's meant to get people laughing or just a general funny thing.
+:::joke
 :::
 
 :::info

docusaurus.config.js

@@ -53,6 +53,18 @@ module.exports = {
           sidebarPath: require.resolve("./sidebars.js"),
           routeBasePath: "/",
           breadcrumbs: false,
+
+          admonitions: {
+            keywords: [
+              "caution",
+              "danger",
+              "info",
+              "joke",
+              "note",
+              "tip",
+              "warning",
+            ],
+          },
         },
         theme: {
           customCss: require.resolve("./src/css/custom.css"),

src/components/excited.svg

@@ -26,3 +26,10 @@
   background: #919191 !important;
   font-size: 20px;
 }
+
+.alert--joke {
+  --ifm-alert-background-color: #ac00db;
+  --ifm-alert-background-color-highlight: rgba(212, 53, 28, 0.15);
+  --ifm-alert-foreground-color: rgb(255, 255, 255);
+  --ifm-alert-border-color: #5e0078;
+}

src/css/custom.css

@@ -2,14 +2,14 @@ import React from "react";
 import clsx from "clsx";
 import Translate from "@docusaurus/Translate";
 import AdmonitionLayout from "@theme/Admonition/Layout";
-import IconInfo from "@theme/Admonition/Icon/Info";
-const infimaClassName = "alert alert--info";
+import ExcitedIcon from "@site/src/components/excited.svg";
+const infimaClassName = "alert alert--joke";
 const defaultProps = {
-  icon: "🤣",
+  icon: <ExcitedIcon />,
   title: (
     <Translate
       id="theme.admonition.joke"
-      description="The default label used for the joke admonition (:::joke)"
+      description="The default label used for the Joke admonition (:::joke)"
     >
       joke
     </Translate>

src/theme/Admonition/Type/Joke.js

@@ -0,0 +1,41 @@
+import React from "react";
+import AdmonitionTypeNote from "@theme/Admonition/Type/Note";
+import AdmonitionTypeTip from "@theme/Admonition/Type/Tip";
+import AdmonitionTypeInfo from "@theme/Admonition/Type/Info";
+import AdmonitionTypeCaution from "@theme/Admonition/Type/Caution";
+import AdmonitionTypeDanger from "@theme/Admonition/Type/Danger";
+import AdmonitionTypeJoke from "@theme/Admonition/Type/Joke";
+import type AdmonitionTypes from "@theme/Admonition/Types";
+import type { Props } from "@theme/Admonition";
+
+const admonitionTypes: typeof AdmonitionTypes = {
+  note: AdmonitionTypeNote,
+  tip: AdmonitionTypeTip,
+  info: AdmonitionTypeInfo,
+  caution: AdmonitionTypeCaution,
+  danger: AdmonitionTypeDanger,
+  joke: AdmonitionTypeJoke,
+};
+
+// Undocumented legacy admonition type aliases
+// Provide hardcoded/untranslated retrocompatible label
+// See also https://github.com/facebook/docusaurus/issues/7767
+const admonitionAliases: typeof AdmonitionTypes = {
+  secondary: (props: Props) => (
+    <AdmonitionTypeNote title="secondary" {...props} />
+  ),
+  joke: (props: Props) => <AdmonitionTypeJoke title="joke" {...props} />,
+  important: (props: Props) => (
+    <AdmonitionTypeInfo title="important" {...props} />
+  ),
+  success: (props: Props) => <AdmonitionTypeTip title="success" {...props} />,
+  // TODO bad legacy mapping, warning is usually yellow, not red...
+  warning: (props: Props) => (
+    <AdmonitionTypeDanger title="warning" {...props} />
+  ),
+};
+
+export default {
+  ...admonitionTypes,
+  ...admonitionAliases,
+};

src/theme/Admonition/Types.tsx

@@ -0,0 +1,21 @@
+import React, { type ComponentType } from "react";
+import { processAdmonitionProps } from "@docusaurus/theme-common";
+import type { Props } from "@theme/Admonition";
+import AdmonitionTypes from "@theme/Admonition/Types";
+
+function getAdmonitionTypeComponent(type: string): ComponentType<Props> {
+  const component = AdmonitionTypes[type];
+  if (component) {
+    return component;
+  }
+  console.warn(
+    `No admonition component found for admonition type "${type}". Using Info as fallback.`
+  );
+  return AdmonitionTypes.info!;
+}
+
+export default function Admonition(unprocessedProps: Props): JSX.Element {
+  const props = processAdmonitionProps(unprocessedProps);
+  const AdmonitionTypeComponent = getAdmonitionTypeComponent(props.type);
+  return <AdmonitionTypeComponent {...props} />;
+}