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

package/portal-template/vite.config.ts

@@ -1,7 +1,7 @@
 import { fileURLToPath } from 'node:url';
 import react from '@vitejs/plugin-react';
 import { tanstackStart } from '@tanstack/react-start/plugin/vite';
-import { defineConfig } from 'vite';
+import { defineConfig, searchForWorkspaceRoot } from 'vite';
 import tailwindcss from '@tailwindcss/vite';
 import { fumadocsMdx } from 'fumadocs-mdx/vite';
 import { dependencyDirectories } from './dependency-directories.ts';
@@ -10,22 +10,31 @@ import { generatedPagesReload } from './generated-pages-reload.ts';
 import { readBuildPaths, readPortalIdentity } from './portal-config.ts';
 import { prerenderPages } from './prerender-pages.ts';
 import { specReload } from './spec-reload.ts';
+import { remarkImageReferences } from './src/lib/remark-image-references.ts';
+import { staticFunctionsBase } from './static-functions-base.ts';
 
 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));
+  const portalProjectDirectory = fileURLToPath(new URL('.', import.meta.url));
 
   return {
+    // TanStack Start derives the router's basepath and every asset URL from it.
+    base: paths.base,
     publicDir,
     plugins: [
       generatedPagesReload(),
       downloads(paths.downloadsDir),
+      staticFunctionsBase(),
       // `/images/logo.png` is read from the static directory, and a remote image is never fetched for its size.
       fumadocsMdx({
         globalOptions: {
-          mdxOptions: { remarkImageOptions: { publicDir: publicDir || undefined, external: false } }
+          mdxOptions: {
+            remarkImageOptions: { publicDir: publicDir || undefined, external: false },
+            // A function, so it runs ahead of the preset's own plugins, `remarkImage` among them.
+            remarkPlugins: (plugins) => [remarkImageReferences, ...plugins]
+          }
         }
       }),
       specReload(paths.specs),
@@ -57,13 +66,11 @@ 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),
+          searchForWorkspaceRoot(portalProjectDirectory),
+          ...dependencyDirectories(portalProjectDirectory),
           ...(paths.staticDir === null ? [] : [paths.staticDir])
         ]
       }