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

www/apps/ui/src/lib/absolute-url.ts

@@ -0,0 +1,3 @@
+export function absoluteUrl(path = "") {
+  return `${process.env.NEXT_PUBLIC_BASE_URL}${path}`
+}

www/apps/ui/src/lib/base-path-url.ts

@@ -0,0 +1,3 @@
+export function basePathUrl(path = "") {
+  return `${process.env.NEXT_PUBLIC_BASE_PATH}${path}`
+}

www/apps/ui/src/lib/rehype-component.ts

@@ -0,0 +1,52 @@
+import fs from "fs"
+import path from "path"
+import { u } from "unist-builder"
+import { visit } from "unist-util-visit"
+
+import { ExampleRegistry } from "../registries/example-registry"
+import { UnistNode, UnistTree } from "../types/unist"
+
+export function rehypeComponent() {
+  return async (tree: UnistTree) => {
+    visit(tree, (node: UnistNode) => {
+      if (node.name === "ComponentExample") {
+        const name = getNodeAttributeByName(node, "name")?.value as string
+
+        if (!name) {
+          return null
+        }
+
+        try {
+          const component = ExampleRegistry[name]
+          const src = component.file
+
+          const filePath = path.join(process.cwd(), src)
+          let source = fs.readFileSync(filePath, "utf8")
+
+          source = source.replaceAll("export default", "export")
+
+          // Trim newline at the end of file. It's correct, but it makes source display look off
+          if (source.endsWith("\n")) {
+            source = source.substring(0, source.length - 1)
+          }
+
+          node.children?.push(
+            u("element", {
+              tagName: "span",
+              properties: {
+                __src__: src,
+                code: source,
+              },
+            })
+          )
+        } catch (error) {
+          console.error(error)
+        }
+      }
+    })
+  }
+}
+
+function getNodeAttributeByName(node: UnistNode, name: string) {
+  return node.attributes?.find((attribute) => attribute.name === name)
+}