@tomehq/theme 0.3.2 → 0.3.4

package/src/entry.tsx

@@ -37,6 +37,7 @@ import {
   CodeSamples,
   LinkCard,
   CardGrid,
+  ApiReference,
 } from "@tomehq/components";
 
 const MDX_COMPONENTS: Record<string, React.ComponentType<any>> = {
@@ -59,6 +60,9 @@ const MDX_COMPONENTS: Record<string, React.ComponentType<any>> = {
 const contentStyles = `
   @import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@300;400;500;600;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,700&family=Fira+Code:wght@400;500;600&display=swap');
 
+  html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; }
+  #tome-root { height: 100%; overflow: hidden; }
+
   .tome-content h1 { display: none; }
   .tome-content h2 { font-family: var(--font-body); font-size: 1.35em; font-weight: 600; margin-top: 2em; margin-bottom: 0.5em; display: flex; align-items: center; gap: 10px; letter-spacing: 0.01em; }
   .tome-content h2::before { content: "#"; font-family: var(--font-heading); font-size: 1.2em; font-weight: 300; font-style: italic; color: var(--ac); opacity: 0.5; }
@@ -549,6 +553,11 @@ function App() {
         editUrl={editUrl}
         lastUpdated={currentRoute?.lastUpdated}
         changelogEntries={!pageData?.isMdx ? pageData?.changelogEntries : undefined}
+        apiManifest={(!pageData?.isMdx && pageData?.isApiReference) ? pageData.apiManifest : undefined}
+        apiBaseUrl={config.api?.baseUrl}
+        apiPlayground={config.api?.playground}
+        apiAuth={config.api?.auth}
+        ApiReferenceComponent={ApiReference}
         onNavigate={navigateTo}
         allPages={allPages}
         docContext={docContext}

package/vitest.config.ts

@@ -1,17 +1,47 @@
-import { defineConfig } from "vitest/config";
+import { defineConfig, type Plugin } from "vitest/config";
 import { resolve } from "path";
 import { fileURLToPath } from "url";
 
 const __dirname = fileURLToPath(new URL(".", import.meta.url));
 
+// Vite plugin that resolves virtual:tome/* imports to real files on disk.
+// In production, these are resolved by vite-plugin-tome; in tests we need
+// concrete files so that vi.mock can intercept them.
+function virtualTomeStubs(): Plugin {
+  const stubs: Record<string, string> = {
+    "virtual:tome/config": resolve(__dirname, "src/__virtual_stubs/config.ts"),
+    "virtual:tome/routes": resolve(__dirname, "src/__virtual_stubs/routes.ts"),
+    "virtual:tome/page-loader": resolve(__dirname, "src/__virtual_stubs/page-loader.ts"),
+    "virtual:tome/doc-context": resolve(__dirname, "src/__virtual_stubs/doc-context.ts"),
+    "virtual:tome/overrides": resolve(__dirname, "src/__virtual_stubs/overrides.ts"),
+  };
+
+  return {
+    name: "virtual-tome-stubs",
+    enforce: "pre",
+    resolveId(id) {
+      const resolved = stubs[id];
+      if (resolved) return resolved;
+      return null;
+    },
+  };
+}
+
 export default defineConfig({
   root: __dirname,
+  plugins: [virtualTomeStubs()],
   test: {
     name: "theme",
     environment: "jsdom",
     globals: true,
     include: ["src/**/*.test.tsx", "src/**/*.test.ts"],
     setupFiles: [resolve(__dirname, "src/test-setup.ts")],
+    server: {
+      deps: {
+        // Force Vite to transform entry.tsx and its virtual imports inline
+        inline: [/virtual:tome/],
+      },
+    },
     coverage: {
       provider: "v8",
       include: ["src/**/*.tsx", "src/**/*.ts"],