Remove theme from client

Author: pomber

packages/mdx/src/mdx-client/preview.tsx

@@ -6,7 +6,6 @@ import {
   SandboxInfo,
 } from "@codesandbox/sandpack-client"
 import { EditorStep } from "../mini-editor"
-import { EditorTheme } from "../utils"
 
 export type PresetConfig = SandboxInfo
 export function Preview({
@@ -15,7 +14,6 @@ export function Preview({
   presetConfig,
   show,
   children,
-  codeConfig,
   style,
   frameless,
   ...rest
@@ -27,7 +25,6 @@ export function Preview({
   show?: string
   style?: React.CSSProperties
   children?: React.ReactNode
-  codeConfig: { theme: EditorTheme }
 }) {
   const kids = presetConfig ? (
     <SandpackPreview
@@ -49,7 +46,6 @@ export function Preview({
       ) : (
         <MiniBrowser
           loadUrl={show}
-          theme={codeConfig.theme}
           {...rest}
           children={kids}
         />

packages/mdx/src/mdx-client/scrollycoding.tsx

@@ -220,7 +220,6 @@ function DynamicScrollycoding({
             className="ch-scrollycoding-preview"
             files={tab.files}
             presetConfig={presetConfig}
-            codeConfig={codeConfig}
           />
         ) : hasPreviewSteps ? (
           <Preview

packages/mdx/src/mdx-client/slideshow.tsx

@@ -113,7 +113,6 @@ export function Slideshow({
             className="ch-slideshow-preview"
             files={tab.files}
             presetConfig={presetConfig}
-            codeConfig={codeConfig}
           />
         ) : hasPreviewSteps ? (
           <Preview

packages/mdx/src/mdx-client/slots.tsx

@@ -1,7 +1,6 @@
-import { CH } from "components"
 import React from "react"
-import { EditorProps, EditorStep } from "../mini-editor"
-import { InnerCode, updateEditorStep } from "./code"
+import { EditorStep } from "../mini-editor"
+import { InnerCode } from "./code"
 import { Preview } from "./preview"
 
 export function CodeSlot() {

packages/mdx/src/mdx-client/spotlight.tsx

@@ -92,7 +92,6 @@ export function Spotlight({
             className="ch-spotlight-preview"
             files={tab.files}
             presetConfig={presetConfig}
-            codeConfig={codeConfig}
           />
         ) : hasPreviewSteps ? (
           <Preview

packages/mdx/src/mini-browser/mini-browser-hike.tsx

@@ -3,7 +3,6 @@ import { MiniFrame } from "../mini-frame"
 import { TitleBar } from "./title-bar"
 import { MiniBrowserStep, useSteps } from "./use-steps"
 import { useClasser, Classes } from "../classer"
-import { EditorTheme } from "../utils"
 
 type Transition = "none" | "slide"
 
@@ -13,7 +12,6 @@ export type MiniBrowserHikeProps = {
   classes?: Classes
   steps?: MiniBrowserStep[]
   transition?: Transition
-  theme: EditorTheme
 } & React.PropsWithoutRef<JSX.IntrinsicElements["div"]>
 
 const MiniBrowserHike = React.forwardRef<
@@ -28,7 +26,6 @@ function MiniBrowserWithRef(
     steps: ogSteps,
     transition = "none",
     classes,
-    theme,
     ...props
   }: MiniBrowserHikeProps,
   ref: React.Ref<HTMLIFrameElement>
@@ -53,7 +50,6 @@ function MiniBrowserWithRef(
       titleBar={
         <TitleBar url={displayUrl!} linkUrl={loadUrl!} />
       }
-      theme={theme}
     >
       {children || <iframe ref={ref} src={loadUrl} />}
     </MiniFrame>

packages/mdx/src/mini-frame/mini-frame.tsx

@@ -1,12 +1,10 @@
 import React from "react"
-import { EditorTheme } from "../utils"
 
 type MiniFrameProps = {
   title?: string
   titleBar?: React.ReactNode
   zoom?: number
   overflow?: string
-  theme: EditorTheme
 } & React.PropsWithoutRef<JSX.IntrinsicElements["div"]>
 
 export const MiniFrame = React.forwardRef<
@@ -17,7 +15,6 @@ export const MiniFrame = React.forwardRef<
     title,
     children,
     titleBar,
-    theme,
     zoom = 1,
     overflow,
     ...props

packages/mdx/src/mini-terminal/mini-terminal-transition.tsx

@@ -24,7 +24,6 @@ function MiniTerminalTransition({
       title={title}
       {...rest}
       className={"ch-terminal-container " + className}
-      theme={{}}
     >
       <InnerTerminalTransition
         {...{ prev, prevKey, next, nextKey, progress }}

packages/mdx/src/remark/transform.ts

@@ -183,7 +183,7 @@ function addConfig(
                   init: valueToEstree({
                     ...config,
                     themeName,
-                    // theme: undefined,
+                    theme: undefined,
                   }),
                 },
               ],

packages/mdx/src/smooth-code/code-tween.tsx

@@ -41,7 +41,6 @@ export type CodeConfig = {
   minZoom?: number
   maxZoom?: number
   horizontalCenter?: boolean
-  theme: IRawTheme
   lineNumbers?: boolean
   showCopyButton?: boolean
   showExpandButton?: boolean
@@ -125,7 +124,6 @@ function AfterDimensions({
     minZoom = 1,
     maxZoom = 1,
     horizontalCenter = false,
-    theme,
   },
   dimensions,
   stepInfo,
@@ -149,7 +147,6 @@ function AfterDimensions({
         minZoom={minZoom}
         maxZoom={maxZoom}
         center={horizontalCenter}
-        theme={theme}
       />
       {config.showCopyButton ? (
         <CopyButton