From 09e16db4206957433fc8af365bd5fb438d5305dc Mon Sep 17 00:00:00 2001
From: Jonathan Summers-Muir <MildTomato@users.noreply.github.com>
Date: Sun, 11 Dec 2022 15:04:44 +0800
Subject: [PATCH] remove codehike completely

---
 apps/docs/components/StepHike/index.tsx       | 26 +------------------
 apps/docs/components/index.tsx                |  4 +--
 .../javascript/typescript-support.mdx         | 10 -------
 apps/docs/lib/mdx/generateOldRefMarkdown.tsx  |  7 -----
 4 files changed, 3 insertions(+), 44 deletions(-)

diff --git a/apps/docs/components/StepHike/index.tsx b/apps/docs/components/StepHike/index.tsx
index af65670d7ff..cbb2731004f 100644
--- a/apps/docs/components/StepHike/index.tsx
+++ b/apps/docs/components/StepHike/index.tsx
@@ -1,18 +1,14 @@
-import { useEffect, useRef, useState } from 'react'
+import { useEffect, useState } from 'react'
 import { useInView } from 'react-intersection-observer'
-import { Button } from 'ui'
 import { StepHikeContext } from './StepHikeContext'
 
 const StepHike = ({ children, title }) => {
   const [activeStep, setActiveStep] = useState(undefined)
 
-  //console.log('step hike children', children)
-
   // check if there are any children
   if (!children) throw 'StepHike component requires <StepHike.Step> children'
 
   const steps = children.filter((x) => {
-    //console.log('child stuff', x)
     return x.type.name === 'Step'
   })
 
@@ -29,26 +25,6 @@ const StepHike = ({ children, title }) => {
 
   // console.log('length of the steps filter', steps.length)
 
-  function handleNext() {
-    const nextStep: number = activeStep.step + 1
-    console.log(nextStep)
-
-    setActiveStep({
-      titleId: steps[nextStep].props.title.replaceAll(' ', '-').toLowerCase(),
-      step: nextStep,
-    })
-  }
-
-  function handlePrev() {
-    const nextStep: number = activeStep.step - 1
-    console.log(nextStep)
-
-    setActiveStep({
-      titleId: steps[nextStep].props.title.replaceAll(' ', '-').toLowerCase(),
-      step: nextStep,
-    })
-  }
-
   return (
     <div className="">
       {/* <div
diff --git a/apps/docs/components/index.tsx b/apps/docs/components/index.tsx
index 95134d5aa67..524a64f2399 100644
--- a/apps/docs/components/index.tsx
+++ b/apps/docs/components/index.tsx
@@ -21,7 +21,7 @@ import { Mermaid } from 'mdx-mermaid/lib/Mermaid'
 import InlineCodeTag from './CustomHTMLElements/InlineCode'
 import React from 'react'
 import RefSubLayout from '~/layouts/ref/RefSubLayout'
-import { CH } from '@code-hike/mdx/components'
+// import { CH } from '@code-hike/mdx/components'
 import RefHeaderSection from './reference/RefHeaderSection'
 
 const components = {
@@ -61,7 +61,7 @@ const components = {
   mono: (props: any) => <code className="text-sm">{props.children}</code>,
   // inlineCode: (props: { children: string }) => <InlineCodeTag {...props} />,
   RefSubLayout,
-  CH,
+  // CH,
   code: (props: any) => <CodeBlock {...props} />,
   RefHeaderSection: (props: any) => <RefHeaderSection {...props} />,
 }
diff --git a/apps/docs/docs/reference/javascript/typescript-support.mdx b/apps/docs/docs/reference/javascript/typescript-support.mdx
index b26151cac0c..ca747ef105b 100644
--- a/apps/docs/docs/reference/javascript/typescript-support.mdx
+++ b/apps/docs/docs/reference/javascript/typescript-support.mdx
@@ -5,25 +5,15 @@ title: Typescript Support
 
 `supabase-js` supports Typescript.
 
-<RefSubLayout.Details>
-
 ## Generating types
 
-hello world
-
 You can use our CLI to generate types:
 
-</RefSubLayout.Details>
-
-<RefSubLayout.Examples>
-
 ```bash
 supabase start
 supabase gen types typescript --local > lib/database.types.ts
 ```
 
-</RefSubLayout.Examples>
-
 These types are generated directly from your database. Given a table `public.movies`, the definition will provide the following data:
 
 ```tsx hello.ts
diff --git a/apps/docs/lib/mdx/generateOldRefMarkdown.tsx b/apps/docs/lib/mdx/generateOldRefMarkdown.tsx
index 58eca052915..2358fd5c698 100644
--- a/apps/docs/lib/mdx/generateOldRefMarkdown.tsx
+++ b/apps/docs/lib/mdx/generateOldRefMarkdown.tsx
@@ -1,8 +1,5 @@
 import { serialize } from 'next-mdx-remote/serialize'
 
-import { remarkCodeHike } from '@code-hike/mdx'
-import codeHikeTheme from '~/codeHikeTheme.js'
-
 import toc from 'markdown-toc'
 
 import { getDocsBySlug } from '~/lib/docs'
@@ -12,10 +9,6 @@ async function generateOldRefMarkdown(slug) {
   const content = await serialize(doc.content ?? '', {
     // MDX's available options, see the MDX docs for more info.
     // https://mdxjs.com/packages/mdx/#compilefile-options
-    mdxOptions: {
-      remarkPlugins: [[remarkCodeHike, { autoImport: false, codeHikeTheme, showCopyButton: true }]],
-      useDynamicImport: true,
-    },
     // Indicates whether or not to parse the frontmatter from the mdx source
   })
   return {