devrev · iarthstar · May 14, 2024 · Feb 20, 2024 · Feb 20, 2024 · Feb 20, 2024
@@ -16,11 +16,23 @@ jobs:
       - name: Setup Node.js 
         uses: actions/setup-node@v4
         with:
-          node-version: "18"
+          always-auth: true
+          node-version: '18'
+          registry-url: https://npm.pkg.github.com/
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.AUTH_TOKEN}}
 
       - name: Install Fern
         run: npm install -g fern-api
 
+      - name: Build Navigation
+        run: |
+          cd custom-implementation
+          yarn
+          yarn build
+          cd ../
+
+
       - name: Generate Documentation Preview with Fern
         id: generate_docs
         env:

@@ -1,13 +1,14 @@
 name: ci
 
-on: 
-  push: 
-    branches: 
-      - main 
+on:
+  push:
+    branches:
+      - main
 
 jobs:
   publish-docs:
     runs-on: ubuntu-latest
+
     steps:
       - name: Checkout repo
         uses: actions/checkout@v4
@@ -21,4 +22,4 @@ jobs:
       - name: Generate and Publish Docs
         env:
           FERN_TOKEN: ${{ secrets.FERN_TOKEN }}
-        run: fern generate --docs 
+        run: fern generate --docs
@@ -1,3 +1,4 @@
+node_modules
 fern/*/definition/
 .DS_Store
 .idea
@@ -0,0 +1,8 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+node_modules/*
+yarn.lock
+tailwind.config.js
@@ -0,0 +1,18 @@
+module.exports = {
+  root: true,
+  env: { browser: true, es2020: true },
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+  ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  parser: '@typescript-eslint/parser',
+  plugins: ['react-refresh'],
+  rules: {
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
+  },
+}
@@ -0,0 +1,7 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+node_modules/*
+yarn.lock
@@ -0,0 +1,9 @@
+module.exports = {
+  semi: false,
+  trailingComma: 'all',
+  singleQuote: true,
+  printWidth: 80,
+  tabWidth: 2,
+  jsxBracketSameLine: true,
+  endOfLine: 'auto',
+}
@@ -0,0 +1,10 @@
+<!doctype html>
+<html lang="en">
+<head>
+</head>
+<body>
+  <header id="fern-header"></header>
+  <footer id="fern-footer" style="margin-top:100px"></footer>
+  <script type="module" src="/src/main.tsx"></script>
+</body>
+</html>
@@ -0,0 +1,31 @@
+{
+  "name": "custom-app",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@devrev/marketing-shared-components": "^0.3.16",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@sanity/client": "^6.15.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.55",
+    "@types/react-dom": "^18.2.19",
+    "@typescript-eslint/eslint-plugin": "^6.21.0",
+    "@typescript-eslint/parser": "^6.21.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.56.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.5",
+    "typescript": "^5.2.2",
+    "vite": "^5.1.0"
+  }
+}
@@ -0,0 +1,52 @@
+.footer a {
+	text-decoration: none;
+	color: black;
+	cursor: pointer;
+}
+
+.footer html, body, div, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video, button {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+	line-height: 19px;
+}
+
+
+/* HTML5 display-role reset for older browsers */
+.footer article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+
+.footer ol, ul {
+	list-style: none;
+}
+
+.footer blockquote, q {
+	quotes: none;
+}
+
+.footer blockquote:before, blockquote:after, q:before, q:after {
+	content: '';
+	content: none;
+}
+
+.footer table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
@@ -0,0 +1,30 @@
+'use client'
+
+import {
+  ComponentConfigContext,
+  FooterV30 as SharedFooter,
+} from '@devrev/marketing-shared-components/dist/cjs'
+
+import './footer.css'
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const Footer = ({ list = [], logo, status, compliance, ...rest }: any) => {
+  // Footer
+  return (
+    <ComponentConfigContext.Provider
+      value={{
+        origin: 'https://api.docs.devrev.ai',
+      }}>
+      <SharedFooter
+        className="footer"
+        list={list}
+        logo={logo}
+        status={status}
+        compliance={compliance}
+        {...rest}
+      />
+    </ComponentConfigContext.Provider>
+  )
+}
+
+export default Footer
@@ -0,0 +1,9 @@
+.header {
+    background-color: white; 
+}
+
+.header nav a {
+	text-decoration: none;
+	color: black;
+	cursor: pointer;
+}
@@ -0,0 +1,37 @@
+'use client'
+
+import {
+  ComponentConfigContext,
+  HeaderV30 as SharedHeader,
+} from '@devrev/marketing-shared-components/dist/cjs'
+
+import './header.css'
+
+const Header = ({
+  logo,
+  links,
+  actions,
+  version,
+  collapseOnScroll = true,
+}: // eslint-disable-next-line @typescript-eslint/no-explicit-any
+any) => {
+  return (
+    <div>
+      <ComponentConfigContext.Provider
+        value={{
+          origin: 'https://api.docs.devrev.ai',
+        }}>
+        <SharedHeader
+          logo={logo}
+          items={links}
+          actions={actions}
+          version={version}
+          collapseOnScroll={collapseOnScroll}
+          wrapperClassName="header"
+        />
+      </ComponentConfigContext.Provider>
+    </div>
+  )
+}
+
+export default Header
@@ -0,0 +1,118 @@
+import React, { useEffect } from 'react'
+
+import * as DropdownMenu from '@radix-ui/react-dropdown-menu'
+
+export const ThemeSwitch = () => {
+  const [selected, setSelected] = React.useState('public')
+
+  useEffect(() => {
+    const beta = window.location.pathname.split('/').includes('beta')
+    setSelected(beta ? 'beta' : 'public')
+  }, [])
+
+  return (
+    <div className="mt-2">
+      <DropdownMenu.Root>
+        <DropdownMenu.Trigger asChild>
+          <button
+            className="fern-button outlined normal primary"
+            style={{
+              width: '100%',
+            }}>
+            <span
+              className="fern-button-content"
+              style={{
+                width: '100%',
+                justifyContent: 'space-between',
+              }}>
+              <span className="fern-button-text">
+                {selected === 'beta' ? 'Beta' : 'Public'}
+              </span>
+              <svg
+                width="15"
+                height="15"
+                viewBox="0 0 15 15"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+                className="transition-transform data-[state=open]:rotate-180">
+                <path
+                  d="M4.18179 6.18181C4.35753 6.00608 4.64245 6.00608 4.81819 6.18181L7.49999 8.86362L10.1818 6.18181C10.3575 6.00608 10.6424 6.00608 10.8182 6.18181C10.9939 6.35755 10.9939 6.64247 10.8182 6.81821L7.81819 9.81821C7.73379 9.9026 7.61934 9.95001 7.49999 9.95001C7.38064 9.95001 7.26618 9.9026 7.18179 9.81821L4.18179 6.81821C4.00605 6.64247 4.00605 6.35755 4.18179 6.18181Z"
+                  fill="currentColor"
+                  fill-rule="evenodd"
+                  clip-rule="evenodd"
+                />
+              </svg>
+            </span>
+          </button>
+        </DropdownMenu.Trigger>
+
+        <DropdownMenu.Portal>
+          <DropdownMenu.Content
+            className="fern-dropdown"
+            style={{
+              marginTop: '4px',
+              border: 'rgba(93, 101, 238, 0.4) 1px solid',
+            }}>
+            <DropdownMenu.RadioGroup
+              value={selected}
+              onValueChange={setSelected}>
+              <DropdownMenu.RadioItem value="public">
+                <a className="fern-dropdown-item" href="/about/for-developers">
+                  <span
+                    style={{
+                      marginRight: 'auto',
+                    }}>
+                    <span>Public</span>
+                  </span>
+                  <DropdownMenu.ItemIndicator className="fern-dropdown-item-indicator">
+                    <svg
+                      width="15"
+                      height="15"
+                      viewBox="0 0 15 15"
+                      fill="none"
+                      xmlns="http://www.w3.org/2000/svg">
+                      <path
+                        d="M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                        clip-rule="evenodd"></path>
+                    </svg>
+                  </DropdownMenu.ItemIndicator>
+                </a>
+              </DropdownMenu.RadioItem>
+              <DropdownMenu.RadioItem value="beta">
+                <a
+                  className="fern-dropdown-item"
+                  style={{
+                    justifyContent: 'space-between',
+                  }}
+                  href="/beta/about/for-developers">
+                  <span
+                    style={{
+                      marginRight: 'auto',
+                    }}>
+                    <span>Beta</span>
+                  </span>
+                  <DropdownMenu.ItemIndicator className="fern-dropdown-item-indicator">
+                    <svg
+                      width="15"
+                      height="15"
+                      viewBox="0 0 15 15"
+                      fill="none"
+                      xmlns="http://www.w3.org/2000/svg">
+                      <path
+                        d="M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z"
+                        fill="currentColor"
+                        fill-rule="evenodd"
+                        clip-rule="evenodd"></path>
+                    </svg>
+                  </DropdownMenu.ItemIndicator>
+                </a>
+              </DropdownMenu.RadioItem>
+            </DropdownMenu.RadioGroup>
+          </DropdownMenu.Content>
+        </DropdownMenu.Portal>
+      </DropdownMenu.Root>
+    </div>
+  )
+}