docs: refactor to use TypeScript, ESLint, and Tailwind CSS (#4136)

* docs(refactoring): configured eslint and typescript (#3511) * docs: configured eslint and typescript * fixed yarn.lock * docs(refactoring): migrate components directory to typescript (#3517) * docs: migrate components directory to typescript * removed vscode settings * fix following merge * docs: refactored QueryNote component (#3576) * docs: refactored first batch of theme components (#3579) * docs: refactored second batch of theme components (#3580) * added missing badge styles * fix after merge * docs(refactoring): migrated remaining component to TypeScript (#3770) * docs(refactoring): configured eslint and typescript (#3511) * docs: configured eslint and typescript * fixed yarn.lock * docs(refactoring): migrate components directory to typescript (#3517) * docs: migrate components directory to typescript * removed vscode settings * fix following merge * docs: refactored QueryNote component (#3576) * docs: refactored first batch of theme components (#3579) * docs: refactored second batch of theme components (#3580) * added missing badge styles * docs: refactoring second batch of theme components * fix after merge * refactored icons and other components * docs: refactored all components * docs(refactoring): set up and configured Tailwind Css (#3841) * docs: added tailwind config * docs: added more tailwind configurations * add includes option * added more tailwind configurations * fix to configurations * docs(refactoring): use tailwind css (#4134) * docs: added tailwind config * docs: added more tailwind configurations * add includes option * added more tailwind configurations * fix to configurations * docs(refactoring): refactored all styles to use tailwind css (#4132) * refactored Badge component to use tailwind css * refactored Bordered component to use tailwind css * updated to latest docusaurus * refactored BorderedIcon component to use tailwind css * refactored Feedback component to use tailwind css * refactored icons and footersociallinks to tailwind css * start refactoring of large card * refactored large card styling * refactored until admonitions * refactored until codeblock * refactored until Tabs * refactored Tabs (without testing * finished refactoring styles to tailwind css * upgraded to version 2.4.1 * general fixes * adjusted eslint configurations * fixed ignore files * fixes to large card * fix search styling * fix npx command * updated tabs to use isCodeTabs prop * fixed os tabs * removed os-tabs class in favor of general styling * improvements to buttons * fix for searchbar * fixed redocly download button * chore: added eslint code action (#4135) * small change in commerce modules page
2023-05-19 14:56:48 +03:00
parent 29a88bbf98
commit 94907730d2
292 changed files with 11721 additions and 42102 deletions
--- a/www/docs/src/theme/SearchBar/index.js
+++ b/www/docs/src/theme/SearchBar/index.js
@@ -1,42 +0,0 @@
-import React, { useEffect } from 'react';
-
-import SearchBar from '@theme-original/SearchBar';
-import useIsBrowser from '@docusaurus/useIsBrowser';
-import {useLocation} from '@docusaurus/router';
-
-export default function SearchBarWrapper(props) {
-
-  const isBrowser = useIsBrowser();
-  const location = useLocation();
-
-  useEffect(() => {
-    if (isBrowser) {
-
-      function trackSearch(e) {
-        if (!e.target.classList?.contains('DocSearch-Input') && !(e.target.tagName.toLowerCase() === "input" && e.target.getAttribute('type') === 'search')) {
-          return;
-        }
-  
-        const query = e.target.value;
-        if (query.length >= 3 && window.analytics) {
-          //send event to segment
-          window.analytics.track('search', {
-            query
-          });
-        }
-      }
-
-      document.body.addEventListener('keyup', trackSearch);
-
-      return () => {
-        document.body.removeEventListener('keyup', trackSearch);
-      }
-    }
-  }, [isBrowser, location.pathname]);
-
-  return (
-    <>
-      <SearchBar {...props} />
-    </>
-  );
-}
--- a/www/docs/src/theme/SearchBar/index.tsx
+++ b/www/docs/src/theme/SearchBar/index.tsx
@@ -0,0 +1,49 @@
+import React, { useEffect } from "react"
+import SearchBar from "@theme-original/SearchBar"
+import type SearchBarType from "@theme/SearchBar"
+import type { WrapperProps } from "@docusaurus/types"
+import useIsBrowser from "@docusaurus/useIsBrowser"
+import { useLocation } from "@docusaurus/router"
+
+type Props = WrapperProps<typeof SearchBarType>
+
+export default function SearchBarWrapper(props: Props): JSX.Element {
+  const isBrowser = useIsBrowser()
+  const location = useLocation()
+
+  useEffect(() => {
+    if (isBrowser) {
+      const trackSearch = (e) => {
+        if (
+          !e.target.classList?.contains("DocSearch-Input") &&
+          !(
+            e.target.tagName.toLowerCase() === "input" &&
+            e.target.getAttribute("type") === "search"
+          )
+        ) {
+          return
+        }
+
+        const query = e.target.value
+        if (query.length >= 3 && window.analytics) {
+          // send event to segment
+          window.analytics.track("search", {
+            query,
+          })
+        }
+      }
+
+      document.body.addEventListener("keyup", trackSearch)
+
+      return () => {
+        document.body.removeEventListener("keyup", trackSearch)
+      }
+    }
+  }, [isBrowser, location.pathname])
+
+  return (
+    <>
+      <SearchBar {...props} />
+    </>
+  )
+}