Linting fixes

Author: jagarnica

package-lock.json

@@ -26,6 +26,7 @@
     "type-fest": "^4.41.0"
   },
   "dependencies": {
+    "@codesandbox/sandpack-client": "^2.19.8",
     "@codesandbox/sandpack-react": "^2.20.0",
     "arg": "^5.0.2",
     "jotai": "^2.12.5",

packages/docs-md/package.json

@@ -18,7 +18,7 @@ const getTranspiledCode = (client: SandpackClient): string | null => {
   const tModule = bundlerState.transpiledModules["/index.tsx:"];
 
   return tModule?.source?.compiledCode ?? null;
-}
+};
 
 /**
  * Returns the evaluated and transpiled code from the sandpack client whenever it is evaluating code.

packages/docs-md/src/assets/TryItNow/hooks/useTranspiledCode.ts

@@ -1,12 +1,13 @@
 import type {
   SandpackOptions,
-  SandpackSetup} from "@codesandbox/sandpack-react";
+  SandpackSetup,
+} from "@codesandbox/sandpack-react";
 import {
   SandpackCodeEditor,
   SandpackConsole,
   SandpackLayout,
   SandpackPreview,
-  SandpackProvider
+  SandpackProvider,
 } from "@codesandbox/sandpack-react";
 import { useAtomValue } from "jotai";
 import { Fragment } from "react";
@@ -15,9 +16,9 @@ import { CodeEditor } from "./CodeEditor/index.tsx";
 import { dependenciesAtom, lastEditorValueAtom } from "./state/index.ts";
 import { styles } from "./styles.ts";
 
-export type DependencyName = string;
-export type DependencyVersion = string;
-export type Dependencies = Record<DependencyName, DependencyVersion>;
+type DependencyName = string;
+type DependencyVersion = string;
+type Dependencies = Record<DependencyName, DependencyVersion>;
 
 export type TryItNowProps = {
   /**
@@ -38,8 +39,8 @@ export type TryItNowProps = {
    * custom container.
    */
   disableContainer?: boolean;
-  sandpackOptions?: SandpackOptions;
-  sandpackSetupOptions?: SandpackSetup;
+  sandpackOptions?: Partial<SandpackOptions>;
+  sandpackSetupOptions?: Partial<SandpackSetup>;
   /**
    * Experimental: When enabled, the editor will automatically
    * scan for external dependencies from npm as the user adds them
@@ -72,7 +73,7 @@ export const TryItNow = ({
           autorun: false,
           activeFile: "index.tsx",
           ...sandpackOptions,
-        } as SandpackOptions}
+        }}
         template="vanilla-ts"
         files={{
           "index.tsx": {

packages/docs-md/src/assets/TryItNow/index.tsx

@@ -2,6 +2,7 @@ import { readdirSync, readFileSync } from "node:fs";
 import { dirname, join, relative } from "node:path";
 import { fileURLToPath } from "node:url";
 
+import type { TryItNowProps } from "../../assets/TryItNow/index.tsx";
 import { assertNever } from "../../util/assertNever.ts";
 import { getSettings } from "../settings.ts";