Cleanup

Author: nebrius

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

@@ -66,11 +66,11 @@ export const TryItNow = ({
         options={{
           autoReload: false,
           autorun: false,
-          activeFile: "index.tsx",
+          activeFile: "index.ts",
         }}
         template="vanilla-ts"
         files={{
-          "index.tsx": {
+          "index.ts": {
             code:
               _enableUnsafeAutoImport && previousCodeAtomValue
                 ? previousCodeAtomValue
@@ -83,7 +83,7 @@ export const TryItNow = ({
             autoImportDependencies && _enableUnsafeAutoImport
               ? { ...autoImportDependencies, ...externalDependencies }
               : externalDependencies,
-          entry: "index.tsx",
+          entry: "index.ts",
         }}
         theme="dark"
       >

packages/docs-md/src/generator/mdx/renderer.ts

@@ -213,13 +213,14 @@ sidebarTitle: ${this.escapeText(sidebarLabel)}
     title: string;
     embedName: string;
   }) {
-    this.#includeSidebar = true;
-    this.insertComponentImport("SideBarCta", "SideBar/index.tsx");
-    this.insertComponentImport("SideBar", "SideBar/index.tsx");
+    // If this is a circular import, skip processing sidebar
     if (!this.#insertEmbedImport(embedName)) {
-      console.error(`Direct circular import detected, skipping sidebar link`);
+      // TODO: add debug logging
       return;
     }
+    this.#includeSidebar = true;
+    this.insertComponentImport("SideBarCta", "SideBar/index.tsx");
+    this.insertComponentImport("SideBar", "SideBar/index.tsx");
     this.#lines.push(
       `<p>
   <SideBarCta cta="${`View ${this.escapeText(title, { mdxOnly: true })}`}" title="${this.escapeText(title)}">