@apimatic/cli 2.0.0-beta.2 → 2.0.0-beta.4

package/portal-template/vite.config.ts

@@ -4,6 +4,7 @@ import { tanstackStart } from '@tanstack/react-start/plugin/vite';
 import { defineConfig } from 'vite';
 import tailwindcss from '@tailwindcss/vite';
 import { fumadocsMdx } from 'fumadocs-mdx/vite';
+import { dependencyDirectories } from './dependency-directories.ts';
 import { downloads } from './downloads.ts';
 import { generatedPagesReload } from './generated-pages-reload.ts';
 import { readBuildPaths, readPortalIdentity } from './portal-config.ts';
@@ -14,6 +15,7 @@ export default defineConfig(async () => {
   const [paths, identity] = await Promise.all([readBuildPaths(), readPortalIdentity()]);
   const pages = await prerenderPages(paths, identity.siteUrl);
   const publicDir: string | false = paths.staticDir ?? false;
+  const projectDirectory = fileURLToPath(new URL('.', import.meta.url));
 
   return {
     publicDir,
@@ -55,6 +57,17 @@ export default defineConfig(async () => {
     // listens on `::1` alone, a connect that stalls under load falls back to 127.0.0.1 and is
     // refused, failing the build; binding IPv4 leaves the fetch a single address to reach.
     preview: { host: '127.0.0.1' },
+    // Spelled out because the default, the project alone, misses the CLI installation the
+    // dependencies are linked from, and the static directory pages import images from.
+    server: {
+      fs: {
+        allow: [
+          projectDirectory,
+          ...dependencyDirectories(projectDirectory),
+          ...(paths.staticDir === null ? [] : [paths.staticDir])
+        ]
+      }
+    },
     resolve: {
       tsconfigPaths: true,
       alias: [

package/portal-template/src/components/code-block.tsx

@@ -1,9 +0,0 @@
-import { DynamicCodeBlock } from 'fumadocs-ui/components/dynamic-codeblock.core';
-import { useRenderContext } from 'fumadocs-openapi/ui';
-
-// Fumadocs passes `JSON.stringify(example.value)`, which is undefined for an example with no `value`.
-export function CodeBlock({ lang, code }: Readonly<{ lang: string; code: string | undefined }>) {
-  const { shiki, shikiOptions } = useRenderContext();
-  if (code === undefined) return null;
-  return <DynamicCodeBlock lang={lang} code={code} highlighter={() => shiki.getOrInit()} options={shikiOptions} />;
-}