Studio debounce (#158)

.editorconfig

@@ -0,0 +1,12 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+trim_trailing_whitespace = false

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "typescript.tsdk": "node_modules/typescript/lib"
+}

apps/documentation/components/subtext.tsx

@@ -0,0 +1,16 @@
+export function Subtext({
+  children,
+  requirementLevel = 'optional',
+}: {
+  children?: React.ReactNode;
+  requirementLevel?: 'optional' | 'required';
+}) {
+  return (
+    <div className="flex flex-col gap-2 pt-2">
+      <span className="uppercase nx-text-primary-600 text-xs font-medium">
+        {requirementLevel}
+      </span>
+      <span className="font-medium">{children}</span>
+    </div>
+  );
+}

apps/documentation/next.config.js

@@ -1,7 +1,10 @@
 const withNextra = require('nextra')({
   theme: 'nextra-theme-docs',
   themeConfig: './theme.config.tsx',
-  transpilePackages: ['@commonalityco/ui-design-system'],
+  transpilePackages: [
+    '@commonalityco/ui-design-system',
+    '@commonalityco/ui-core',
+  ],
 });
 
 module.exports = withNextra();

apps/documentation/package.json

@@ -18,17 +18,21 @@
   },
   "homepage": "https://github.com/shuding/nextra-docs-template#readme",
   "dependencies": {
+    "@commonalityco/ui-core": "workspace:*",
     "@commonalityco/ui-design-system": "workspace:*",
-    "next": "^13.0.6",
+    "next": "^14.0.4",
     "nextra": "latest",
     "nextra-theme-docs": "latest",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "tailwindcss": "^3.3.3"
+    "sharp": "^0.33.1"
   },
   "devDependencies": {
     "@commonalityco/config-tailwind": "workspace:*",
     "@types/node": "18.11.10",
+    "autoprefixer": "^10.4.16",
+    "postcss": "^8.4.30",
+    "tailwindcss": "^3.4.0",
     "typescript": "^4.9.3"
   }
 }

apps/documentation/pages/_app.tsx

@@ -0,0 +1,23 @@
+import './globals.css';
+import type { AppProps } from 'next/app';
+import { Inter, Fira_Code } from 'next/font/google';
+
+export const inter = Inter({
+  subsets: ['latin'],
+  variable: '--font-inter',
+});
+
+export const firaCode = Fira_Code({
+  subsets: ['latin'],
+  variable: '--font-fira-code',
+});
+
+export default function MyApp({ Component, pageProps }: AppProps) {
+  return (
+    <div
+      className={`${inter.className} ${firaCode.variable} ${inter.variable}`}
+    >
+      <Component {...pageProps} />
+    </div>
+  );
+}

apps/documentation/pages/_meta.json

@@ -1,18 +1,10 @@
 {
-  "index": "Overview",
-  "installation": "Installation",
-  "getting-started": "Getting Started",
-  "checks": "Checks",
-  "constraints": "Constraints",
-  "reference": "API Reference",
-  "about": {
-    "title": "About",
+  "index": {
+    "title": "Home",
     "type": "page"
   },
-  "contact": {
-    "title": "Contact ↗",
-    "type": "page",
-    "href": "https://twitter.com/shuding_",
-    "newWindow": true
+  "docs": {
+    "title": "Documentation",
+    "type": "page"
   }
 }

apps/documentation/pages/docs/_meta.json

@@ -0,0 +1,25 @@
+{
+  "-- Getting Started": {
+    "type": "separator",
+    "title": "Getting Started"
+  },
+  "overview": "",
+  "installation": "",
+  "getting-started": "Getting Started",
+
+  "-- Guides": {
+    "type": "separator",
+    "title": "Guides"
+  },
+  "checks": "Checks",
+  "constraints": "Constraints",
+  "codeowners": "",
+  "sharing": "",
+  "ci": "CI",
+
+  "-- Reference": {
+    "type": "separator",
+    "title": "Reference"
+  },
+  "api": "API"
+}