[Website] Prepare FiligranUI docs

FiligranHQ · Apr 2, 2024 · 80bb696 · 80bb696
1 parent f8b33b3
commit 80bb696
Show file tree

Hide file tree

Showing 24 changed files with 6,608 additions and 85 deletions.
diff --git a/...ligran-ui/src/components/servers/form.tsx → ...ligran-ui/src/components/clients/form.tsx b/...ligran-ui/src/components/servers/form.tsx → ...ligran-ui/src/components/clients/form.tsx
@@ -1,3 +1,4 @@
+"use client"
 import * as React from "react"
 import * as LabelPrimitive from "@radix-ui/react-label"
 import { Slot } from "@radix-ui/react-slot"
@@ -10,7 +11,7 @@ import {
   useFormContext,
 } from "react-hook-form";
 import {cn} from '../../lib/utils'
-import {Label} from '../clients'
+import {Label} from './index'
 
 
 const Form = FormProvider

diff --git a/packages/filigran-ui/src/components/servers/index.ts b/packages/filigran-ui/src/components/servers/index.ts
@@ -2,5 +2,5 @@ export * from './button';
 export * from './skeleton';
 export * from './breadcrumb';
 export * from './card';
-export * from './form';
+export * from '../clients/form';
 export * from './input';
diff --git a/packages/filigran-ui/src/index.ts b/packages/filigran-ui/src/index.ts
@@ -1,4 +1,3 @@
 import "./globals.css";
-export * from "./components/servers/button";
-export * from "./components/clients/dropdown-menu";
-export * from "./components/clients/accordion";
+export * from "./components/servers";
+export * from "./components/clients";
diff --git a/projects/filigran-website/components/react-live/ReactLiveDisplay.tsx b/projects/filigran-website/components/react-live/ReactLiveDisplay.tsx
@@ -3,7 +3,7 @@
 import {LiveProvider, LiveEditor, LiveError, LivePreview} from 'react-live'
 import {FunctionComponent} from 'react'
 import {tw} from 'twind'
-import {Button} from 'filigran-ui'
+import * as FiligranUIComponent from 'filigran-ui'
 
 interface ReactLiveDisplayProps {
   scope?: any
@@ -15,7 +15,7 @@ const ReactLiveDisplay: FunctionComponent<ReactLiveDisplayProps> = ({
   codeExample,
   noInline,
 }) => {
-  const customComponent = {Button}
+  const customComponent = {...FiligranUIComponent}
   return (
     <div className="py-4">
       <LiveProvider

diff --git a/...ligran-website/content/docs/0-welcome.mdx → ...n-website/content/docs/0-presentation.mdx b/...ligran-website/content/docs/0-welcome.mdx → ...n-website/content/docs/0-presentation.mdx
@@ -1,5 +1,5 @@
 ---
-title: Table page
+title: Filigran UI presentation
 ---
 ## Welcome to my MDX page!
 

diff --git a/projects/filigran-website/content/docs/1-colors.mdx b/projects/filigran-website/content/docs/1-colors.mdx
@@ -0,0 +1,3 @@
+---
+title: Colors
+---
diff --git a/projects/filigran-website/content/docs/2-typography.mdx b/projects/filigran-website/content/docs/2-typography.mdx
@@ -0,0 +1,3 @@
+---
+title: Typography
+---
diff --git a/projects/filigran-website/content/docs/button.mdx b/projects/filigran-website/content/docs/button.mdx
diff --git a/projects/filigran-website/content/docs/components/0-installation.mdx b/projects/filigran-website/content/docs/components/0-installation.mdx
@@ -0,0 +1,3 @@
+---
+title: Installation
+---
diff --git a/projects/filigran-website/content/docs/components/accordion.mdx b/projects/filigran-website/content/docs/components/accordion.mdx
@@ -0,0 +1,3 @@
+---
+title: Accordion
+---
diff --git a/projects/filigran-website/content/docs/components/alert-dialog.mdx b/projects/filigran-website/content/docs/components/alert-dialog.mdx
@@ -0,0 +1,3 @@
+---
+title: Alert dialog
+---
diff --git a/projects/filigran-website/content/docs/components/breadcrumb.mdx b/projects/filigran-website/content/docs/components/breadcrumb.mdx
@@ -0,0 +1,3 @@
+---
+title: Breadcrumb
+---
diff --git a/projects/filigran-website/content/docs/components/button.mdx b/projects/filigran-website/content/docs/components/button.mdx
@@ -31,4 +31,5 @@ Displays a button or a component that looks like a button.
             <Button variant="outline"> Outline </Button>
             <Button variant="ghost"> Ghost </Button>
             <Button variant="link"> Link </Button>
+            <Separator/>
           </div>`} />
diff --git a/projects/filigran-website/content/docs/components/card.mdx b/projects/filigran-website/content/docs/components/card.mdx
@@ -0,0 +1,3 @@
+---
+title: Card
+---
diff --git a/projects/filigran-website/content/docs/components/dropdown-menu.mdx b/projects/filigran-website/content/docs/components/dropdown-menu.mdx
@@ -0,0 +1,3 @@
+---
+title: Dropdown menu
+---
diff --git a/projects/filigran-website/content/docs/components/input.mdx b/projects/filigran-website/content/docs/components/input.mdx
@@ -0,0 +1,3 @@
+---
+title: Input
+---
diff --git a/projects/filigran-website/content/docs/components/label.mdx b/projects/filigran-website/content/docs/components/label.mdx
@@ -0,0 +1,3 @@
+---
+title: Label
+---
diff --git a/projects/filigran-website/content/docs/components/select.mdx b/projects/filigran-website/content/docs/components/select.mdx
@@ -0,0 +1,3 @@
+---
+title: Select
+---
diff --git a/projects/filigran-website/content/docs/components/separator.mdx b/projects/filigran-website/content/docs/components/separator.mdx
@@ -0,0 +1,3 @@
+---
+title: Separator
+---
diff --git a/projects/filigran-website/content/docs/components/sheet.mdx b/projects/filigran-website/content/docs/components/sheet.mdx
@@ -0,0 +1,3 @@
+---
+title: Sheet
+---
diff --git a/projects/filigran-website/content/docs/components/skeleton.mdx b/projects/filigran-website/content/docs/components/skeleton.mdx
@@ -0,0 +1,3 @@
+---
+title: Skeleton
+---
diff --git a/projects/filigran-website/content/docs/welcome1.mdx b/projects/filigran-website/content/docs/welcome1.mdx
diff --git a/projects/filigran-website/next.config.mjs b/projects/filigran-website/next.config.mjs
@@ -2,15 +2,6 @@
 const nextConfig = {
   output: 'export',
   basePath: process.env.BASE_PATH ?? '',
-  async redirects() {
-    return [
-      {
-        source: '/docs',
-        destination: '/docs/button',
-        permanent: true,
-      },
-    ]
-  },
   webpack(config) {
     // Grab the existing rule that handles SVG imports
     const fileLoaderRule = config.module.rules.find((rule) =>