docs: create docs workspace (#5174)

* docs: migrate ui docs to docs universe * created yarn workspace * added eslint and tsconfig configurations * fix eslint configurations * fixed eslint configurations * shared tailwind configurations * added shared ui package * added more shared components * migrating more components * made details components shared * move InlineCode component * moved InputText * moved Loading component * Moved Modal component * moved Select components * Moved Tooltip component * moved Search components * moved ColorMode provider * Moved Notification components and providers * used icons package * use UI colors in api-reference * moved Navbar component * used Navbar and Search in UI docs * added Feedback to UI docs * general enhancements * fix color mode * added copy colors file from ui-preset * added features and enhancements to UI docs * move Sidebar component and provider * general fixes and preparations for deployment * update docusaurus version * adjusted versions * fix output directory * remove rootDirectory property * fix yarn.lock * moved code component * added vale for all docs MD and MDX * fix tests * fix vale error * fix deployment errors * change ignore commands * add output directory * fix docs test * general fixes * content fixes * fix announcement script * added changeset * fix vale checks * added nofilter option * fix vale error
2023-09-21 20:57:15 +03:00
parent 19c5d5ba36
commit fa7c94b4cc
3209 changed files with 32188 additions and 31018 deletions
--- a/www/packages/docs-ui/src/components/Feedback/Solutions/index.tsx
+++ b/www/packages/docs-ui/src/components/Feedback/Solutions/index.tsx
@@ -0,0 +1,92 @@
+"use client"
+
+import React, { useEffect, useState } from "react"
+import { request } from "@octokit/request"
+import { Link } from "@/components/Link"
+
+export type SolutionsProps = {
+  feedback: boolean
+  message?: string
+}
+
+export type GitHubSearchItem = {
+  url: string
+  html_url: string
+  title: string
+  [key: string]: unknown
+}
+
+export const Solutions = ({ feedback, message }: SolutionsProps) => {
+  const [possibleSolutionsQuery, setPossibleSolutionsQuery] =
+    useState<string>("")
+  const [possibleSolutions, setPossibleSolutions] = useState<
+    GitHubSearchItem[]
+  >([])
+
+  function constructQuery(searchQuery: string) {
+    return `${searchQuery} repo:medusajs/medusa is:closed is:issue`
+  }
+
+  async function searchGitHub(query: string) {
+    return request(`GET /search/issues`, {
+      q: query,
+      sort: "updated",
+      per_page: 3,
+    })
+  }
+
+  useEffect(() => {
+    if (!feedback) {
+      let query = constructQuery(
+        // Github does not allow queries longer than 256 characters
+        message ? message.substring(0, 256) : document.title
+      )
+      searchGitHub(query)
+        .then(async (result) => {
+          if (!result.data.items.length && message) {
+            query = constructQuery(document.title)
+            result = await searchGitHub(query)
+          }
+
+          setPossibleSolutionsQuery(query)
+          setPossibleSolutions(result.data.items)
+        })
+        .catch((err) => console.error(err))
+    } else {
+      setPossibleSolutionsQuery("")
+      setPossibleSolutions([])
+    }
+  }, [feedback, message])
+
+  return (
+    <>
+      {possibleSolutions.length > 0 && (
+        <div className="text-compact-large-plus font-normal">
+          <span className="my-docs_1 mx-0 inline-block">
+            If you faced a problem, here are some possible solutions from
+            GitHub:
+          </span>
+          <ul>
+            {possibleSolutions.map((solution) => (
+              <li key={solution.url} className="mb-docs_0.5 last:mb-0">
+                <Link href={solution.html_url} target="_blank" rel="noreferrer">
+                  {solution.title}
+                </Link>
+              </li>
+            ))}
+          </ul>
+          <span>
+            Explore more issues in{" "}
+            <a
+              href={`https://github.com/medusajs/medusa/issues?q=${possibleSolutionsQuery}`}
+              target="_blank"
+              rel="noreferrer"
+            >
+              the GitHub repository
+            </a>
+          </span>
+        </div>
+      )}
+    </>
+  )
+}