(docs) add SQLiteCloud to Thanks section

docs/src/components/BrowserStack/index.tsx

@@ -1,17 +1,12 @@
+import SVGTheme from '@site/src/components/SVGTheme';
 import Light from '@site/static/img/browserstack-light.svg';
 import Dark from '@site/static/img/browserstack-dark.svg';
-import styles from './styles.module.css';
 
 type BrowserStackProps = {
     width: number;
     height: number;
 };
 
 export default function BrowserStack({ width, height }: BrowserStackProps) {
-  return (
-    <>
-      <Light className={styles.light} width={width} height={height} role="img"/>
-      <Dark className={styles.dark} width={width} height={height} role="img"/>
-    </>
-  );
+    return <SVGTheme width={width} height={height} Dark={Dark} Light={Light} />;
 }

docs/src/components/SQLiteCloud/index.tsx

@@ -0,0 +1,12 @@
+import SVGTheme from '@site/src/components/SVGTheme';
+import Light from '@site/static/img/sqlitecloud-light.svg';
+import Dark from '@site/static/img/sqlitecloud-dark.svg';
+
+type SQLiteCloudProps = {
+    width: number;
+    height: number;
+};
+
+export default function SQLiteCloud({ width, height }: SQLiteCloudProps) {
+    return <SVGTheme width={width} height={height} Dark={Dark} Light={Light} />;
+}

docs/src/components/SVGTheme/index.tsx

@@ -0,0 +1,22 @@
+import type { ComponentType, SVGProps } from 'react';
+
+
+import styles from './styles.module.css';
+
+type SVGComponent = ComponentType<SVGProps<SVGSVGElement>> & { title?: string; };
+
+type SVGThemeProps = {
+    width: number;
+    height: number;
+    Light: SVGComponent;
+    Dark: SVGComponent;
+};
+
+export default function SVGTheme({ width, height, Dark, Light }: SVGThemeProps) {
+  return (
+    <>
+      <Light className={styles.light} width={width} height={height} role="img"/>
+      <Dark className={styles.dark} width={width} height={height} role="img"/>
+    </>
+  );
+}

docs/src/components/Terminal/index.tsx

@@ -30,6 +30,7 @@ import figlet from './figlet';
 import { jargon, jargon_init } from './jargon';
 import cal from './cal';
 import chuck_norris from './chuck-norris';
+import chat from './chat';
 
 const languages = [
   'markdown',
@@ -68,6 +69,7 @@ const commands = {
   figlet,
   jargon,
   cal,
+  chat,
   'chuck-norris': chuck_norris,
   help,
   theme,

docs/src/components/Thanks/index.tsx

@@ -5,6 +5,8 @@ import Header from '@site/src/components/Header';
 import styles from './styles.module.css';
 import Coveralls from '@site/static/img/coveralls.svg';
 import BrowserStack from '@site/src/components/BrowserStack';
+import SQLiteCloud from '@site/src/components/SQLiteCloud';
+
 
 export default function Thanks() {
   return (
@@ -28,6 +30,11 @@ export default function Thanks() {
             <BrowserStack width={200} height={43} />
           </a>
         </li>
+        <li>
+          <a href="https://sqlitecloud.io/">
+            <SQLiteCloud width={127} height={43} />
+          </a>
+        </li>
       </ul>
     </div>
   );